/* ══════════════════════════════════════════
   VCA — Design Tokens
   Single source of truth for the colour palette.
   No rules in this file; variables only.
══════════════════════════════════════════ */

:root {
  /* ── Brand cobalt ── */
  --blue:       #1560C4;   /* primary brand — light-section accents */
  --blue-lt:    #5B9FE8;   /* hero / on-dark accents */
  --blue-hero:  #1E6FD9;   /* hero primary button fill */
  --blue-soft:  rgba(21, 96, 196, 0.08);
  --blue-line:  rgba(21, 96, 196, 0.16);
  --blue-hover: rgba(21, 96, 196, 0.04);

  /* ── Ink (dark text on light) ── */
  --ink:        #0D1117;
  --ink-body:   #0D1829;
  --ink-soft:   rgba(13, 24, 41, 0.56);
  --ink-mute:   rgba(13, 24, 41, 0.28);

  /* ── Light surfaces ── */
  --bg:         #F2F6FB;
  --white:      #ffffff;
  --line-lt:    #E4EAF2;
  --line:       #E4EAF2;   /* alias used by projects page */

  /* ── On-dark (light text / lines on dark) ── */
  --on-dark:    rgba(255, 255, 255, 0.95);
  --on-dark-d:  rgba(255, 255, 255, 0.52);
  --on-dark-m:  rgba(255, 255, 255, 0.28);
  --line-dark:  rgba(255, 255, 255, 0.07);

  /* ── Risk signal (semantic) ── */
  --risk-hi:    #E05C5C;
  --risk-mid:   #D4A84B;
  --risk-lo:    #4BAD78;

  /* ── Financial colour system (used on projects page) ── */
  --revenue:    #1560C4;
  --capex:      #3A5878;
  --opex:       #5C7E9E;
  --other:      #8AAEC8;
  --ratio:      #0EA5C8;
  --minor:      #C4647A;
  --fcl-start:  #1560C4;
  --fcl-end:    #7B52C4;

  /* ── Typography stacks ── */
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans:  'DM Sans', sans-serif;
  --mono:  'DM Mono', monospace;
}