/* DlíWise design tokens — from the master specification §3.3.
   Do not invent colours. Every value here is the spec's value. */
:root {
  /* Palette */
  --navy:        #0C2340;  /* trust, headers, nav, primary typography */
  --teal:        #0D8C7A;  /* primary action, links, active states, positive guidance */
  --cream:       #F7F4EE;  /* background, calm editorial space */
  --gold:        #D4A72C;  /* important deadlines, premium moments, selective emphasis */
  --ink:         #17202A;  /* body copy */
  --alert:       #B42318;  /* urgent risk ONLY — never decorative */

  /* Derived, accessibility-checked */
  --navy-90:     #0A1D35;
  --navy-70:     #33496a;
  --teal-dark:   #0a6f60;  /* teal on cream needs this for small text contrast */
  --teal-tint:   #e6f4f1;
  --gold-tint:   #fbf3dd;
  --alert-tint:  #fdecea;
  --line:        #d9d3c7;
  --muted:       #5b6470;
  --white:       #ffffff;

  /* Type — Inter with Atkinson Hyperlegible fallback (spec) */
  --font: "Inter", "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI",
          Roboto, Helvetica, Arial, sans-serif;
  --h1: clamp(2rem, 4.2vw, 3.1rem);
  --h2: clamp(1.45rem, 2.6vw, 2rem);
  --h3: 1.15rem;
  --body: 1.02rem;
  --small: 0.9rem;

  /* Shape — spec says 12-16px: friendly but serious */
  --r-sm: 10px;
  --r: 14px;
  --r-lg: 16px;

  /* Icons: rounded line, 1.75px stroke (spec) */
  --stroke: 1.75;

  --shadow: 0 1px 2px rgba(12,35,64,.06), 0 8px 24px rgba(12,35,64,.07);
  --shadow-lg: 0 2px 4px rgba(12,35,64,.07), 0 18px 48px rgba(12,35,64,.11);
  --maxw: 1140px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --cream:  #0d1520;
    --white:  #131d2b;
    --ink:    #e8eaed;
    --navy:   #eaf0f7;
    --line:   #26344a;
    --muted:  #9aa7b8;
    --teal:   #2fb3a0;
    --teal-dark: #2fb3a0;
    --teal-tint: #10302c;
    --gold-tint: #2a2313;
    --alert-tint: #2d1512;
  }
}