/* ==================================================================
   ARXIMASTER // FOLIO — design tokens
   Neo-brutalist zine / printed-score-sheet system.
   ================================================================== */

:root {
  /* ---- paper + ink ---- */
  --fo-paper: #f4f1ea;
  --fo-paper-2: #e9e4d8;
  --fo-paper-3: #ddd6c4;
  --fo-ink: #111111;
  --fo-ink-soft: #2b2926;
  --fo-muted: #6b675e;
  --fo-white: #ffffff;

  /* ---- flat block colors (used as fills, never subtle accents) ---- */
  --fo-yellow: #ffd60a;
  --fo-orange: #ff4d2e;
  --fo-cobalt: #2244ff;
  --fo-green: #00c46a;
  --fo-red: #e5142a;
  --fo-pink: #ff7ad9;
  --fo-sky: #7fd4ff;

  /* ---- structure ---- */
  --fo-border-w: 3px;
  --fo-border: 3px solid var(--fo-ink);
  --fo-border-2: 2px solid var(--fo-ink);
  --fo-shadow: 6px 6px 0 var(--fo-ink);
  --fo-shadow-sm: 4px 4px 0 var(--fo-ink);
  --fo-shadow-lg: 10px 10px 0 var(--fo-ink);
  --fo-radius: 0px;

  /* ---- type ---- */
  --fo-font-display: 'Archivo Black', 'Arial Black', 'Helvetica Neue', Impact, sans-serif;
  --fo-font-body: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --fo-font-mono: 'Space Mono', 'IBM Plex Mono', ui-monospace, 'Courier New', monospace;

  --fo-fs-mega: clamp(2.75rem, 9vw, 7rem);
  --fo-fs-display: clamp(2rem, 5vw, 3.5rem);
  --fo-fs-700: clamp(1.5rem, 3vw, 2.25rem);
  --fo-fs-600: 1.5rem;
  --fo-fs-500: 1.125rem;
  --fo-fs-400: 1rem;
  --fo-fs-300: 0.875rem;
  --fo-fs-200: 0.75rem;

  --fo-tracking-tight: -0.02em;
  --fo-tracking-wide: 0.08em;

  /* ---- spacing scale ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  --maxw: 1320px;
  --header-h: 74px;
}