/* Design Tokens */
:root {
  /* Color Palette - Neo-Brutalist Analog & Digital */
  --paper: #F6F2EC;
  --paper-raised: #FFFFFF;
  --paper-alt: #EFE8DC;
  --ink: #1A1A1A;
  --muted: #5C5751;
  --line: #D8D2C6;
  --lime: #D6FF38;
  --orange: #FF6B35;
  --pink: #FF3366;
  --yellow: #FFE500;
  
  /* Dark surfaces */
  --gradient-dark: #0D0D0D;
  --gradient-dark-surface: #181818;
  --gradient-dark-elevated: #222222;
  --gradient-dark-border: #2D2D2D;

  /* Typography */
  --font-serif: 'Instrument Serif', Georgia, serif;
  --font-display: 'Syne', sans-serif;
  --font-mono: 'Space Mono', monospace;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Geometry & Borders */
  --radius-sm: 4px;
  --radius: 6px;
  --radius-card: 10px;
  --radius-full: 9999px;
  --border: 2.5px solid var(--ink);
  --border-thin: 1.5px solid var(--ink);
  --border-light: 1px solid var(--line);
  --border-dark-section: 2px solid var(--gradient-dark-border);

  /* Brutalist Hard Shadows */
  --shadow: 4px 4px 0px var(--ink);
  --shadow-sm: 2px 2px 0px var(--ink);
  --shadow-hover: 6px 6px 0px var(--ink);
  --shadow-pressed: 1px 1px 0px var(--ink);
  
  --shadow-lime: 4px 4px 0px var(--lime);
  --shadow-lime-hover: 6px 6px 0px var(--lime);
  --shadow-lime-pressed: 1px 1px 0px var(--lime);

  /* Transitions */
  --transition-lift: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease, background-color 0.2s ease;
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: all 0.15s ease-out;

  /* Layout */
  --max-width: 1200px;
  --header-height: 72px;
}