/* ═══════════════════════════════════════════════════════════════════════════
   FAK LAB — SWISS DESIGN TOKENS
   Single source of truth for the Swiss International Style system.
   Loaded before swiss-unified.css on every public page.
   v=20260923-swiss1
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* ——— Type ——— */
  --sw-font: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sw-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;

  /* Type scale — tight Swiss leading */
  --sw-display: clamp(3rem, 8vw, 7rem);
  --sw-h1: clamp(2.25rem, 5vw, 4rem);
  --sw-h2: clamp(1.6rem, 3.2vw, 2.6rem);
  --sw-h3: 1.25rem;
  --sw-body: 1rem;
  --sw-small: .875rem;
  --sw-caption: .75rem;
  --sw-kicker: .72rem;

  --sw-leading-display: .88;
  --sw-leading-head: 1.05;
  --sw-leading-body: 1.6;
  --sw-track-tight: -.04em;
  --sw-track-kicker: .18em;

  /* ——— Palette: black / white / grays + ONE accent ——— */
  --sw-white: #ffffff;
  --sw-paper: #ffffff;
  --sw-panel: #f7f7f5;
  --sw-ink: #111111;
  --sw-gray-900: #1c1c1e;
  --sw-gray-700: #3d3d3f;
  --sw-gray-500: #6e6e70;
  --sw-gray-300: #d4d4d6;
  --sw-gray-200: #e8e8ea;
  --sw-gray-100: #f4f4f5;

  /* THE single accent — violet, dominant in the existing swiss files */
  --sw-accent: #6d4aff;
  --sw-accent-deep: #4a2fb3;
  --sw-accent-soft: #efebff;

  /* Hairline rules replace shadows */
  --sw-rule: #111111;
  --sw-rule-soft: #d4d4d6;
  --sw-hairline: 1px solid var(--sw-rule-soft);
  --sw-hairline-strong: 1px solid var(--sw-rule);

  /* ——— Spacing scale (4px base) ——— */
  --sw-s1: .25rem;
  --sw-s2: .5rem;
  --sw-s3: .75rem;
  --sw-s4: 1rem;
  --sw-s6: 1.5rem;
  --sw-s8: 2rem;
  --sw-s12: 3rem;
  --sw-s16: 4rem;
  --sw-s24: 6rem;

  /* ——— 12-column grid rhythm ——— */
  --sw-grid-columns: 12;
  --sw-grid-gap: 1.5rem;
  --sw-max: 1280px;
  --sw-gutter: clamp(1rem, 4vw, 4rem);

  /* Swiss geometry: no rounding */
  --sw-radius: 0;
}

/* Dark theme — Swiss works in the dark too */
[data-bs-theme="dark"] {
  --sw-paper: #0b0b0d;
  --sw-panel: #141416;
  --sw-ink: #f5f5f6;
  --sw-gray-900: #e8e8ea;
  --sw-gray-700: #c9c9cc;
  --sw-gray-500: #a1a1a6;
  --sw-gray-300: #3a3a3e;
  --sw-gray-200: #26262a;
  --sw-gray-100: #17171a;
  --sw-rule: #f5f5f6;
  --sw-rule-soft: #3a3a3e;
  --sw-accent: #8f7cff;
  --sw-accent-deep: #b3a4ff;
  --sw-accent-soft: #221d3d;
}