/* Design tokens — Monospace technical dashboard (viz design.md).
   Light theme only. Jedna monospaced rodina, achromatická paleta,
   1px hairlines místo stínů, 0px rohy (jen badge = pill).

   POZN.: Obsahuje JEN tokeny, které se reálně používají (ověřeno grepem
   proti atoms/layout/EJS/JS). Legacy „Geist blueprint" aliasy byly
   odstraněny (2026-06-01 cleanup). */

:root {
  /* ── Font (jedna mono rodina pro VŠE) ──────────────────────────────── */
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* ── Type scale (role-based) ───────────────────────────────────────── */
  --text-display: 40px;   --leading-display: 1.1;
  --text-h2:      24px;   --leading-h2:      1.2;
  --text-h3:      20px;   --leading-h3:      1.3;
  --text-body:    16px;   --leading-body:    1.5;
  --text-meta:    14px;
  --text-fine:    12px;
  /* alias používaný v atoms + EJS inline (12px) */
  --text-caption: var(--text-fine);
  --leading-caption: 1.5;

  /* ── Weights (400/500/600/700) ─────────────────────────────────────── */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;     /* display/H1 + tabulkový důraz */

  /* ── Tracking ──────────────────────────────────────────────────────── */
  --tracking-body:  -0.006em;
  --tracking-label: 0.04em;

  /* ── Spacing (2px grid, base 8px) ──────────────────────────────────── */
  --spacing-2:  2px;   --spacing-4:  4px;   --spacing-6:  6px;
  --spacing-8:  8px;   --spacing-12: 12px;  --spacing-16: 16px;
  --spacing-20: 20px;  --spacing-24: 24px;  --spacing-32: 32px;
  --spacing-40: 40px;

  /* ── Layout ────────────────────────────────────────────────────────── */
  --section-gap:  48px;
  --card-padding: 24px;
  --page-max:     1280px;
  --reading-max:  60ch;

  /* ── Border radius (0 všude, pill jen badge) ───────────────────────── */
  --radius-none: 0px;
  --radius-pill: 9999px;

  /* ── Borders & focus ───────────────────────────────────────────────── */
  --border-hairline: 1px;   /* vědomá výjimka z 2px gridu — jádro vzhledu */
  --border-emphasis: 2px;
  --focus-offset:    2px;

  /* ── Colors (monospace achromatic, light) ──────────────────────────── */
  --color-canvas:          #FAFAFA;   /* off-white canvas */
  --color-ink:             #000000;   /* headings, důraz, focus, on-tint text */
  --color-graphite:        #111111;   /* primary button fill */
  --color-body:            #414141;   /* body text, ikony, těžší dividery */
  --color-tertiary:        #737373;   /* metadata, labely, muted text */
  --color-border-hairline: #C1C1C1;   /* hairline border/divider — NIKDY text */
  --color-light-ash:       #A1A1A1;   /* outline badge border */
  --color-hover:           #EDEDED;   /* hover/active surface */
  --color-link:            #0B6EC5;   /* odkazy + underline (WCAG 1.4.1) */
  --color-link-hover:      #08507F;
  --color-accent:          #F35815;   /* flame-orange — non-text; čte chart-defaults.js (getComputedStyle) pro sekundární sérii grafů. NEMAZAT i když není var()-referencovaný. */
  --color-success:         #22A652;   /* success indikátor — non-text (grafy/dots) */
  --color-warning:         #CA8A04;   /* warning indikátor — non-text (solid amber pro status-dot; tint #FEF3C7 je na 8px tečku moc bledý) */
  --color-callout-red:     #c22b10;   /* danger indikátor — non-text/border */

  /* status badge tinty (vždy s Ink textem) */
  --color-badge-success:  #DCFCE7;
  --color-badge-degraded: #FEF3C7;
  --color-badge-failed:   #FEE2E2;
  --color-badge-running:  #E0F2FE;
  --color-badge-neutral:  #EDEDED;
}