/* ─────────────────────────────────────────────────────────────
   HHEO / Jawaher — Color Tokens
   A single signature maroon carries the brand. Everything else is
   neutral. Values sampled from the live homepage (hhjawaher.shj.ae)
   and are exact where noted.
   ───────────────────────────────────────────────────────────── */

:root {
  /* ── Brand — Maroon ─────────────────────────────── */
  --maroon-900: #6E1F2B;   /* deepest — pressed states, text on light */
  --maroon-800: #7A2331;
  --maroon-700: #8A2634;   /* dark variant — gradients, hover, strokes */
  --maroon-600: #8E2D3B;   /* PRIMARY — the brand maroon */
  --maroon-500: #A03B49;   /* lighter hover on light surfaces */
  --maroon-200: #E7CDD2;   /* tint — borders, subtle fills */
  --maroon-100: #F4E7E9;   /* tint — hover wash, badge backgrounds */
  --maroon-50:  #FBF4F5;   /* faintest wash — section tint */

  /* ── Neutrals ───────────────────────────────────── */
  --white:      #FFFFFF;   /* surfaces, cards, search fields */
  --neutral-50: #F4F6F7;   /* page background, footer, filter bar */
  --neutral-100:#F1F1F2;   /* soft gray fill — inactive badges, dividers */
  --neutral-200:#E4E6E8;   /* borders, hairlines */
  --neutral-300:#CDD1D4;   /* stronger borders, disabled fills */
  --neutral-400:#9AA0A5;   /* muted icons, placeholders */
  --neutral-500:#6B7176;   /* secondary text */
  --neutral-700:#3A3E42;   /* strong secondary text */
  --ink:        #1A1A1A;   /* primary body & heading text */

  /* ── Semantic (kept minimal — brand is monochrome) ── */
  --success-600:#2E7D5B;
  --warning-600:#B26A18;
  --danger-600: #B23A3A;
}