/* TAHAN — Color tokens
   Ecommerce palette: neutral canvas, near-navy ink, warm coral accent.
   NOTE: every page also carries an identical inline override of this same
   token set (kept in sync intentionally — see each HTML file's <style>). */
:root {
  /* Base palette */
  --white: #FFFFFF;
  --neutral-50: #FAF9F7;   /* PRIMARY PAGE BACKGROUND — warm off-white */
  --neutral-100: #F2F0EC;  /* alternating section tint */
  --navy: #0B1F3A;         /* near-black ink — headings, primary text, secondary accent */
  --navy-deep: #071627;    /* darkest — footer, inverse surfaces */
  --navy-mid: #16304F;

  --coral: #E1332B;        /* red — primary accent, primary buttons */
  --coral-deep: #B8241D;   /* hover / price / links on light surfaces */
  --coral-tint: #FBD7D3;

  --saffron: #F7B928;      /* warm yellow — optional section colour, ratings */
  --saffron-deep: #D89F13;
  --saffron-tint: #FFE6A0;

  --powder-50: #E6F1F6;    /* occasional section tint (not the page canvas) */
  --powder-100: #CFE7EF;
  --powder-200: #B9D9E4;

  --beige: #F6EBDD;        /* soft cream — optional section colour */
  --cream-50: #FBF8F2;
  --cream-100: #FFFFFF;
  --cream-200: #F6EBDD;
  --cream-300: #E3D3C0;
  --cream-400: #D8C9B7;

  --sage: #4F7A63;         /* muted green — optional section colour */
  --sage-deep: #35594A;
  --sage-tint: #DCE9E1;

  --lavender: #C9B9E8;
  --peach: #F9D8CC;

  /* Legacy aliases kept for the compiled design-system bundle, which was
     authored against a forest/burgundy/gold naming scheme. They now resolve
     to the navy/coral/saffron palette above so every component restyles
     automatically without touching the bundle's component code. */
  --forest-900: var(--navy-deep);
  --forest-800: var(--navy);
  --forest-700: var(--navy-mid);
  --forest-600: #2C4A6E;
  --forest-400: #7B93AC;

  --burgundy-900: #A32E1F;
  --burgundy-800: var(--coral);
  --burgundy-600: var(--coral-deep);
  --burgundy-400: #F0958A;

  --gold-700: var(--saffron-deep);
  --gold-600: var(--saffron);
  --gold-500: var(--saffron);
  --gold-300: var(--saffron-tint);

  --ink-900: #12283F;
  --ink-700: #2B4258;
  --ink-500: #5E7286;
  --ink-300: #94A3B1;

  --paper-white: #FFFFFF;

  /* Semantic aliases */
  --bg-page: var(--neutral-50);
  --bg-raised: var(--white);
  --surface-page: var(--neutral-50);
  --surface-card: var(--white);
  --surface-inverse: var(--navy);
  --surface-sunken: var(--neutral-100);

  --text-heading: var(--navy);
  --text-body: #12283F;
  --text-muted: #5E7286;
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: #A9BDD1;

  --brand-primary: var(--navy);
  --brand-secondary: var(--coral-deep);
  --accent-gold: #8A5E00;

  --border-hairline: rgba(11, 31, 58, 0.14);
  --border-strong: rgba(11, 31, 58, 0.26);
  --border-gold: var(--saffron);

  --coral-ink: var(--coral-deep);
  --price: var(--coral-deep);
  --danger: var(--coral-deep);
  --success: var(--sage-deep);
  --focus-ring: rgba(247, 185, 40, 0.6);
}