:root {
  /* Colors */
  --bg-base: #f4f4f0;
  --bg-surface: #ffffff;
  --bg-inverted: #111111;
  --bg-accent: #ffd700;

  --text-primary: #111111;
  --text-secondary: #555555;
  --text-inverted: #f4f4f0;
  --text-accent: #d4a017;

  --border-subtle: #e0e0e0;
  --border-strong: #111111;

  --status-error: #d93025;
  --status-success: #1e8e3e;

  /* Typography */
  --font-display: 'Oswald', sans-serif;
  --font-text: 'Chivo Mono', monospace;

  /* Scale */
  --scale-xs: 0.75rem;
  --scale-sm: 0.875rem;
  --scale-base: 1rem;
  --scale-md: 1.25rem;
  --scale-lg: 1.5rem;
  --scale-xl: 2rem;
  --scale-xxl: 3rem;
  --scale-xxxl: 4.5rem;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-xxl: 8rem;

  /* Radii - Industrial, sharp */
  --radius-none: 0;
  --radius-sm: 2px;

  /* Shadows - Hard shadows */
  --shadow-hard: 4px 4px 0px 0px var(--bg-inverted);
  --shadow-hard-lg: 8px 8px 0px 0px var(--bg-inverted);
}