/* Freda colour system.
   Values transcribed verbatim from the Freta Beta Identity toolkit (Colour Palette + Figma Variables).
   Three layers: brand colour groups (paired dark/light), signal colours (vivid, product/status),
   and green-tinted neutrals. Semantic aliases sit at the bottom. */

:root {
  /* ---------- Brand colour groups (paired) ---------- */
  --brand-blue:        #0D5CA9;   /* rgb(13,92,169)  — primary brand / cover surface */
  --brand-blue-light:  #C7F3FF;   /* rgb(199,243,255) */
  --brand-red:         #AC3825;   /* rgb(172,56,37)  — graphic-system ground */
  --brand-red-light:   #FFD2C6;   /* rgb(255,210,198) */
  --brand-green:       #00814E;   /* rgb(0,129,78) */
  --brand-green-light: #E2FFC6;   /* rgb(226,255,198) */
  --brand-yellow:      #8C8120;   /* rgb(140,129,32) */
  --brand-yellow-light:#FFEB95;   /* rgb(255,235,149) */

  /* Soft brand green tint used across ecosystem applications */
  --brand-green-tint:  #DAF6BE;   /* rgb(218,246,190) */

  /* ---------- Signal colours (vivid — product states, data, alerts) ---------- */
  --signal-red:    #FF5033;   /* rgb(255,80,51) */
  --signal-blue:   #2191FF;   /* rgb(33,145,255) */
  --signal-green:  #00C678;   /* rgb(0,198,120) */
  --signal-yellow: #FFD000;   /* rgb(255,208,0) */

  /* ---------- Neutrals (green-tinted grey ramp) ---------- */
  --neutral-01: #FBFBFB;   /* rgb(251,251,251) — near-white surface */
  --neutral-02: #E8EEE7;   /* rgb(232,238,231) */
  --neutral-03: #C9D0C8;   /* rgb(201,208,200) — hairlines / borders */
  --neutral-04: #919A90;   /* rgb(145,154,144) — muted / captions */
  --neutral-05: #687068;   /* rgb(104,112,104) — secondary text */
  --neutral-06: #3C403C;   /* rgb(60,64,60) */
  --neutral-07: #1F211F;   /* rgb(31,33,31) — primary text */
  --neutral-08: #090A09;   /* rgb(9,10,9) — near-black */
  --near-black: #1A1C18;   /* rgb(26,28,24) — headline ink on light */
  --white:      #FFFFFF;

  /* ---------- Semantic aliases ---------- */
  --surface-page:     var(--neutral-01);
  --surface-brand:    var(--brand-blue);   /* signature blue field */
  --surface-graphic:  var(--brand-red);    /* rust ground for brand graphics */
  --surface-ink:      var(--neutral-08);   /* dark surface */

  --text-primary:     var(--neutral-08);
  --text-secondary:   var(--neutral-05);
  --text-muted:       var(--neutral-04);
  --text-on-brand:    var(--neutral-01);   /* on blue / red / dark */
  --text-on-brand-muted: rgba(251,251,251,0.6);

  --line:        var(--neutral-03);
  --line-strong: var(--neutral-04);
  --line-on-brand: rgba(255,255,255,0.45);

  /* Frosted label chip used on brand-graphic tiles */
  --chip-fill:   rgba(182,188,169,0.3);    /* neutral-04 @ 30% */
}