/* Meridian · birkanicacan.com · v1.0
 tokens.css — colors (light + dark), type, space, shape, motion. Import first. */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600&family=Figtree:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap");

  :root {
  /* color · light */
  --ground:      #F7F9FC;   /* Mist */
  --surface:     #FFFFFF;   /* Paper */
  --surface-2:   #EEF3F9;   /* Sea glass, faint */
  --line:        #DCE4EE;   /* Hairline */
  --line-strong: #B9C7D8;
  --ink:         #0B1B2E;   /* Ink — deep navy, never pure black */
  --ink-2:       #3E4F63;   /* Slate */
  --ink-3:       #5B6B80;   /* Fog · 5.2:1 on Mist, 4.9:1 on Sea glass */
  --primary:     #0F4C81;   /* Bosphorus */
  --primary-ink: #FFFFFF;
  --accent:      #1760D2;   /* Nazar — interactive blue · 5.5:1 on Mist */
  --accent-soft: #DCE8F5;   /* Sea glass */
  --accent-ink:  #0B3B7A;
  --ok:          #1B7F5B;
  --warn:        #B26A00;
  --bad:         #B3261E;
  --focus:       #1760D2;
  /* screen · fixed in both themes: the one surface that is literally a screen (the DOS terminal in About) */
  --screen: #0B1B2E; --screen-ink: #E6EEF8; --screen-dim: #8195AE; --screen-accent: #5EA3FF;

  /* type */
  --font-display: "Sora", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Figtree", "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --t-1: 0.75rem;  --t-2: 0.875rem; --t-3: 1rem;    --t-4: 1.25rem;
  --t-5: 1.5625rem; --t-6: 1.953rem; --t-7: 2.441rem; --t-8: 3.052rem; --t-9: 3.815rem;

  /* space · 4px base */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 144px;

  /* shape */
  --r-1: 4px;   /* controls */
  --r-2: 8px;   /* surfaces */
  --r-pill: 999px;
  --measure: 64ch;
  --content: 1120px;

  /* motion */
  --ease: cubic-bezier(.2,.7,.2,1);
  --d-1: 140ms; --d-2: 240ms; --d-3: 480ms;

  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #0A1220; --surface: #111C2D; --surface-2: #17243A;
    --line: #1F2E45; --line-strong: #33475F;
    --ink: #E6EEF8; --ink-2: #B7C6DA; --ink-3: #8195AE;
    --primary: #8FC1FF; --primary-ink: #061224;
    --accent: #5EA3FF; --accent-soft: #14325C; --accent-ink: #BFDBFF;
    --ok: #4CC38A; --warn: #F2B24A; --bad: #F08A80; --focus: #5EA3FF;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --ground: #0A1220; --surface: #111C2D; --surface-2: #17243A;
  --line: #1F2E45; --line-strong: #33475F;
  --ink: #E6EEF8; --ink-2: #B7C6DA; --ink-3: #8195AE;
  --primary: #8FC1FF; --primary-ink: #061224;
  --accent: #5EA3FF; --accent-soft: #14325C; --accent-ink: #BFDBFF;
  --ok: #4CC38A; --warn: #F2B24A; --bad: #F08A80; --focus: #5EA3FF;
  color-scheme: dark;
}