/* PondyTrésor design tokens. Every colour on the storefront comes from here;
   components refer to roles (--text-2, --brand…), never to hex values.
   Contrast figures are WCAG ratios against --bg / --surface / --surface-alt. */
:root {
  /* Surfaces */
  --bg: #FFFCF8;              /* page background */
  --surface: #FFFFFF;         /* product cards, inputs, menus, dialogs' panels */
  --surface-alt: #F8F1E8;     /* alternate section bands, footer, image placeholders */

  /* Text */
  --text: #292929;            /* main text, prices (14.2 / 14.6 / 13.0) */
  --text-2: #595959;          /* secondary text, labels, eyebrows (6.9 / 7.0 / 6.3) */
  --placeholder: #757575;     /* input placeholder text, on --surface only (4.6) */

  /* Brand: important actions and the current-location marker. Not for large areas. */
  --brand: #812D46;           /* primary buttons, links, selected state (8.6 / 8.8 / 7.8) */
  --brand-hover: #642238;     /* hover */
  --brand-active: #4E1A2B;    /* pressed */
  --on-brand: #FFFFFF;        /* text on --brand / --text fills (8.8+) */

  /* Lines */
  --border: #E8DED3;          /* decorative dividers and card edges only */
  --border-control: #8A7F76;  /* edges of inputs, selects, steppers: 3.5–3.9, meets the 3:1 UI-component minimum */

  /* Decoration (never text, never the only cue) */
  --gold: #C5A46D;            /* icon strokes, rules, decorative borders (2.3) */
  --logo-gold: #85662F;       /* "PONDICHERRY" under the wordmark, kept as is */

  /* Interaction */
  --focus: #812D46;           /* 2px keyboard focus ring, offset from the element */
  --disabled-bg: #EDE6DE;
  --disabled-text: #6E6E6E;   /* 4.3 on --disabled-bg; disabled controls are exempt, kept readable anyway */

  /* Status: always paired with a text label and a shape, never colour alone */
  --success: #4D6B3C;         /* in stock, sent (5.9 / 6.0 / 5.4) */
  --warning: #9A4A1F;         /* only a few left (6.1 / 6.2 / 5.6) */
  --error: #B3261E;           /* form errors; red, so it never reads as the brand (6.4 / 6.5 / 5.8) */

  --scrim: rgba(41, 41, 41, .4);
  --shadow: 0 14px 30px rgba(41, 41, 41, .1);

  --display: "Marcellus", "Iowan Old Style", Georgia, serif;
  --body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --radius: 10px;
  --radius-btn: 6px;
  --wrap: 1160px;
}