/* Leitstand — Design-System-Tokens (kanonisch) + Schriften + Atlas-Seitenvariablen
   Quelle: Design-Handoff Atlas (tokens/*.css), 09/2026. Eine Stelle für alle Seiten.
   Schriften: selbst gehostet unter /fonts/ (SIL OFL), siehe fonts/LIESMICH.txt.        */

/* ---------- Schriften ---------- */
@font-face{font-family:"Archivo";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/archivo-400.woff2") format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/archivo-500.woff2") format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/archivo-600.woff2") format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/archivo-700.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/plexmono-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/plexmono-500.woff2") format("woff2")}

:root{
  /* ---------- Farben (Basiswerte) ---------- */
  --ink-900:#14161A; --ink-700:#2A2D33; --ink-500:#4A4C48; --ink-300:#6B6C68; --ink-100:#9B9890;
  --paper-050:#FFFFFF; --paper-100:#F2F0EA; --paper-200:#E4E1D9;
  --line-100:#DEDBD2; --line-200:#C9C6BD;
  --signal-500:#D64500; --signal-600:#B33900; --signal-100:#F6E0D5;
  --state-ok-500:#0F7A55; --state-warn-500:#B8901C; --state-error-500:#B3241C;

  /* ---------- Semantische Aliase ---------- */
  --text-primary:var(--ink-900); --text-secondary:var(--ink-500); --text-muted:var(--ink-300);
  --text-inverse:var(--paper-100); --text-accent:var(--signal-500);
  --surface-page:var(--paper-200); --surface-card:var(--paper-100); --surface-raised:var(--paper-050);
  --surface-inverse:var(--ink-900); --surface-accent:var(--signal-500); --surface-muted:var(--line-100);
  --border-default:var(--line-200); --border-subtle:var(--line-100); --border-strong:var(--ink-900);
  --focus-ring:var(--signal-500);

  /* ---------- Typografie ---------- */
  --font-sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;
  --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700;
  --text-display:44px; --text-3xl:32px; --text-2xl:26px; --text-xl:20px; --text-lg:16px;
  --text-md:14px; --text-sm:13px; --text-xs:11px;
  --leading-tight:1.15; --leading-snug:1.3; --leading-normal:1.5; --leading-loose:1.7;
  --tracking-display:-0.02em; --tracking-normal:0em; --tracking-label:0.14em;
  --tracking-lockup:0.16em; --tracking-eyebrow:0.18em;

  /* ---------- Abstände ---------- */
  --space-0:0px; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px;
  --gutter-page:var(--space-16); --gutter-grid:var(--space-6); --measure-text:62ch;

  /* ---------- Flächen: hartkantig, keine Schatten ---------- */
  --radius-none:0px; --radius-round:50%;
  --border-width-hair:1px; --border-width-rule:2px; --border-width-anchor:3px;
  --shadow-none:none; --shadow-overlay:0 24px 48px rgba(20,22,26,.28); --scrim-overlay:rgba(20,22,26,.62);

  /* ---------- Bewegung ---------- */
  --duration-fast:90ms; --duration-base:150ms; --duration-slow:260ms;
  --ease-standard:cubic-bezier(.2,0,0,1); --ease-exit:cubic-bezier(.4,0,1,1);

  /* ---------- Atlas-Seitenvariablen (hell) ---------- */
  --a-page:#EFEDE6; --a-card:#F2F0EA; --a-line:#DEDBD2; --a-rule:#C9C6BD;
  --a-ink:#14161A; --a-text2:#4A4C48; --a-muted:#6B6C68;
  --a-core:#14161A; --a-core-fg:#F2F0EA; --a-core-muted:#8A8C88;
  --a-band:#14161A; --acc:#D64500;
}
html[data-atlas-theme="dunkel"]{
  --a-page:#14161A; --a-card:#1C1F23; --a-line:#2C2F34; --a-rule:#3A3D43;
  --a-ink:#F2F0EA; --a-text2:#B9B7B0; --a-muted:#8E8F8A;
  --a-core:#F2F0EA; --a-core-fg:#14161A; --a-core-muted:#5A5C58;
  --a-band:#0C0D10;
}