/* ════════════════════════════════════════════════════════════════
   TBD — Color tokens
   Source of truth: styles-v2.css (live website).
   CMYK values are naive sRGB→CMYK formula conversions for reference
   only — verify against the final press / ICC profile before print.
   ════════════════════════════════════════════════════════════════ */

:root {
  /* ── Brand — the signature gradient ─────────────────────────── */
  --tbd-blue:      #4C62FF;   /* rgb 76 98 255   · cmyk 70 62 0 0   */
  --tbd-teal:      #17D1C6;   /* rgb 23 209 198  · cmyk 89 0 5 18   */
  --tbd-gradient:      linear-gradient(135deg, var(--tbd-blue) 0%, var(--tbd-teal) 100%);
  --tbd-gradient-rev:  linear-gradient(135deg, var(--tbd-teal) 0%, var(--tbd-blue) 100%);
  /* 14%-tint of the gradient — icon tiles, tags, quiet fills */
  --tbd-gradient-soft: linear-gradient(135deg,
                         color-mix(in srgb, var(--tbd-blue) 14%, transparent),
                         color-mix(in srgb, var(--tbd-teal) 14%, transparent));

  /* ── Ink — institutional navy family (text + dark surfaces) ─── */
  --tbd-navy:      #021C4F;   /* rgb 2 28 79    · cmyk 97 65 0 69 · headings, primary dark */
  --tbd-navy-deep: #02153A;   /* rgb 2 21 58    · cmyk 97 64 0 77 · footer, darkest band   */
  --tbd-ink:       #10173A;   /* rgb 16 23 58   · cmyk 72 60 0 77 · strong body copy        */

  /* ── Neutrals — secondary & tertiary text ───────────────────── */
  --tbd-muted:     #5A6178;   /* rgb 90 97 120  · cmyk 25 19 0 53 · sub-copy, descriptions */
  --tbd-muted-2:   #8990A8;   /* rgb 137 144 168· cmyk 19 14 0 34 · captions, eyebrows     */

  /* ── Surfaces ───────────────────────────────────────────────── */
  --tbd-white:     #FFFFFF;   /* cards, on-dark text                */
  --tbd-bg:        #F4F5FA;   /* rgb 244 245 250 · cool page ground */
  --tbd-bg-soft:   #EEF0F8;   /* rgb 238 240 248 · alt sections     */

  /* ── Lines / hairlines ──────────────────────────────────────── */
  --tbd-line:      rgba(2, 28, 79, 0.09);
  --tbd-line-soft: rgba(2, 28, 79, 0.06);

  /* ── Semantic & utility ─────────────────────────────────────── */
  --tbd-amber:     #F5A623;   /* rgb 245 166 35 · cmyk 0 32 86 4 · ratings, highlight */
  --tbd-focus:     rgba(76, 98, 255, 0.10);  /* focus-ring fill            */
  --tbd-selection: rgba(76, 98, 255, 0.18);  /* ::selection                */

  /* ── Channel colors (social icons only — never brand fills) ─── */
  --tbd-whatsapp:  #25D366;
  --tbd-telegram:  #039BE5;
  --tbd-linkedin:  #0B69C7;

  /* ── Semantic aliases (use these in components) ─────────────── */
  --text-strong:   var(--tbd-navy);
  --text-body:     var(--tbd-ink);
  --text-muted:    var(--tbd-muted);
  --text-faint:    var(--tbd-muted-2);
  --text-on-dark:  var(--tbd-white);
  --surface-page:  var(--tbd-bg);
  --surface-card:  var(--tbd-white);
  --surface-dark:  var(--tbd-navy);
  --border-hair:   var(--tbd-line);
  --accent:        var(--tbd-blue);
}