/* AcquaBac — Color tokens
   Core brand palette from the brand guide (acquabac.pdf, p.2):
   #FFFFFF · #12A19A (aqua) · #0C6C84 (petrol). Warm neutral canvas + light
   aqua tints sampled from the packaging. */
:root {
  /* ---- Brand core ---- */
  --aqua-500: #12a19a;   /* primary brand — the "BAC" green-teal */
  --aqua-600: #0e8a84;
  --aqua-700: #0b736e;
  --aqua-400: #3bb7b0;
  --aqua-300: #7fd0cb;
  --aqua-200: #b4e3e0;
  --aqua-100: #ddf1ef;
  --aqua-50:  #f0f9f8;

  --petrol-800: #08505f;
  --petrol-700: #0c6c84;   /* deep brand blue — the "ACQUA" wordmark */
  --petrol-600: #10809b;
  --petrol-500: #2f9cb6;
  --petrol-300: #8ec6d4;
  --petrol-100: #d5e9ef;
  --petrol-50:  #eef6f9;

  /* light aqua tints from packaging graphics */
  --mist-1: #cfe6ec;
  --mist-2: #e3f0f3;

  /* ---- Neutrals — warm gray canvas from the brand guide ---- */
  --white:    #ffffff;
  --sand-50:  #f7f5f1;
  --sand-100: #efece6;
  --canvas:   #e7e4dd;   /* signature warm off-white background */
  --sand-300: #d6d2c9;
  --ink-100:  #b7bdbf;
  --ink-300:  #7b898d;
  --ink-500:  #4a595e;
  --ink-700:  #24373d;
  --ink-900:  #142428;   /* near-black petrol ink */

  /* warm gold accent (molecule illustration) — decorative, sparing use */
  --gold-400: #cbab7d;
  --gold-600: #a8895c;

  /* ---- Semantic (e-commerce) ---- */
  --success:  #12a19a;
  --success-bg: #ddf1ef;
  --info:     #0c6c84;
  --info-bg:  #d5e9ef;
  --warning:  #c9922e;
  --warning-bg: #f6ecd6;
  --danger:   #c0473b;
  --danger-bg: #f6ddd9;
  --sale:     #c0473b;

  /* ---- Semantic aliases ---- */
  --bg-page:        var(--canvas);
  --bg-surface:     var(--white);
  --bg-surface-alt: var(--sand-50);
  --bg-inverse:     var(--petrol-800);
  --bg-tint:        var(--aqua-50);

  --text-strong:  var(--ink-900);
  --text-body:    var(--ink-700);
  --text-muted:   var(--ink-300);
  --text-inverse: var(--white);
  --text-brand:   var(--petrol-700);
  --text-accent:  var(--aqua-500);
  --text-link:    var(--aqua-600);

  --border-subtle: #e6e2da;
  --border-default: #dcd7ce;
  --border-strong: var(--ink-100);
  --border-brand:  var(--aqua-500);

  --focus-ring: var(--aqua-400);
}