/* tokens.css — design tokens for a scientific / academic homepage */
:root {
  /* Color — light "paper" theme with a single signal-blue accent */
  --bg:           #fbfbf9;
  --grid:         rgba(24, 46, 92, 0.045);
  --surface:      #ffffff;
  --ink:          #14171c;
  --ink-soft:     #3a3f48;
  --muted:        #717783;
  --line:         #e7e9ee;
  --line-strong:  #d3d7df;
  --accent:       #1f4ed8;
  --accent-ink:   #173bb0;
  --accent-soft:  #eaf0ff;

  /* Typography */
  --font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --font-sans:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:  "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;

  --text-hero:  clamp(2.6rem, 1.3rem + 4.4vw, 4.5rem);
  --text-h2:    clamp(1.2rem, 1rem + 0.9vw, 1.55rem);
  --text-title: clamp(1.02rem, 0.96rem + 0.3vw, 1.15rem);
  --text-base:  1rem;
  --text-sm:    0.84rem;
  --text-label: 0.7rem;

  /* Spacing & metrics */
  --space-section: clamp(3rem, 2rem + 4.5vw, 6rem);
  --maxw:  920px;
  --ease:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur:   220ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:          #0e1014;
    --grid:        rgba(120, 160, 230, 0.05);
    --surface:     #161a21;
    --ink:         #e9ebef;
    --ink-soft:    #c2c7d0;
    --muted:       #8b929e;
    --line:        #242a33;
    --line-strong: #333b46;
    --accent:      #6f9bff;
    --accent-ink:  #9ab8ff;
    --accent-soft: #18233d;
  }
}