/* Redseer colour system.
   Base scales are transcribed verbatim from the "Redseer Primitves" Figma
   variable collection; the semantic layer mirrors "Contextual Tokens". */
:root{
  /* ── Red (brand) ───────────────────────────────────────────── */
  --red-50:  rgb(255,241,240);
  --red-100: rgb(255,224,222);
  --red-200: rgb(255,184,178);
  --red-300: rgb(255,138,132);
  --red-400: rgb(247,95,89);
  --red-500: rgb(233,55,53);   /* the brand red */
  --red-600: rgb(207,47,45);
  --red-700: rgb(181,42,40);
  --red-800: rgb(143,31,31);
  --red-900: rgb(102,20,20);
  /* Second red used for filled CTAs, arrow glyphs and category eyebrows.
     It is NOT in the primitive ramp but appears 5,539× in the file. */
  --red-action: rgb(238,45,50);

  /* ── Neutrals (warm, red-shifted greys — never pure grey) ──── */
  --neutral-50:  rgb(246,246,246);
  --neutral-100: rgb(247,247,247);
  --neutral-200: rgb(211,207,207);
  --neutral-300: rgb(162,156,156);
  --neutral-400: rgb(122,115,115);
  --neutral-500: rgb(86,79,79);
  --neutral-600: rgb(58,53,53);
  --neutral-700: rgb(39,33,33);   /* the brand near-black */
  --neutral-800: rgb(34,31,31);
  --neutral-900: rgb(24,21,21);
  --white: rgb(255,255,255);
  --black: rgb(0,0,0);

  /* Cool greys used only for hairlines, dividers and image placeholders */
  --grey-divider: rgb(229,229,229);
  --grey-rule:    rgb(203,203,203);
  --grey-dot:     rgb(217,217,217);
  --grey-muted:   rgb(171,171,171);
  --grey-line:    rgb(112,112,112);
  --grey-meta:    rgb(93,89,89);

  /* ── Semantic aliases (Contextual Tokens) ─────────────────── */
  --red-primary: var(--red-500);
  --red-hover:   var(--red-200);
  --neutral-pill-bg:       var(--neutral-100);
  --neutral-secondary-bg:  var(--neutral-50);
  --indicator-border-and-inactive: var(--neutral-200);

  --text-black-primary: var(--neutral-700);
  --text-body:          var(--neutral-600);
  --text-light-muted:   var(--neutral-400);
  --text-meta:          var(--grey-meta);
  --text-onbrand:       var(--white);
  --text-brand:         var(--red-primary);
  --text-eyebrow:       var(--red-action);

  --surface-page:      var(--white);
  --surface-secondary: var(--neutral-50);
  --surface-pill:      var(--neutral-100);
  --surface-brand:     var(--red-action);
  --surface-inverse:   var(--neutral-700);

  --border-subtle:  var(--neutral-50);
  --border-default: var(--neutral-200);
  --border-strong:  var(--neutral-700);
  --border-brand:   var(--red-primary);

  /* Image-overlay scrims. Hero art is tinted, never left neutral. */
  --scrim-black-45: rgba(0,0,0,0.451);
  --scrim-black-10: rgba(0,0,0,0.1);
  --tint-red-multiply: var(--red-500);
}