:root {
  /* Colors — from CLAY_OS design system, pushed for higher contrast */
  --color-bg: #F2F0EB; /* Warmer, paper-like off-white */
  --color-bg-dark: #111111; /* Near black */
  --color-text: #111111; /* Near black for higher contrast */
  --color-text-dark: #F2F0EB;
  --color-text-secondary: rgba(17, 17, 17, 0.55);
  --color-accent: #C27A59; /* Raw Clay */
  --color-sage: #8A9A5B;
  --color-border: #D1D1D1; /* Slightly darker for visibility */
  --color-border-strong: #111111;
  --color-surface: #E8E6E1;

  /* Stage colors */
  --color-stage-start: #8B8B8B;
  --color-stage-throwing: #7A8B6E;
  --color-stage-trimming: #8A9A5B;
  --color-stage-drying: #C2A67A;
  --color-stage-bisque: #B8947A;
  --color-stage-glazing: #8B7A9B;
  --color-stage-firing: #C27A59;
  --color-stage-finished: #7A9B7E;

  /* Status colors */
  --color-status-ok: #7A9B7E;
  --color-status-low: #C2A67A;
  --color-status-out: #B07A7A;

  /* Typography */
  --font-display: 'Space Grotesk', 'Helvetica Neue', 'Arial', sans-serif;
  --font-header: 'Space Grotesk', 'Helvetica Neue', 'Arial', sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', 'Courier New', monospace;
  --font-editorial: 'Cormorant Garamond', 'Georgia', 'Times New Roman', serif;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-2xl: 128px;

  /* Grid */
  --grid-gap: 40px;
  --grid-line-color: rgba(51, 51, 51, 0.06);
  --grid-line-width: 0.5px;
  --container-max: 1400px;
  --container-padding: 48px;

  /* Radius */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* Transitions */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 0.15s;
  --duration-normal: 0.4s;
  --duration-slow: 0.8s;
  --duration-slower: 1.2s;

  /* Cursor */
  --cursor-size: 12px;
  --cursor-ring-size: 48px;
}