/* CSS Design Tokens - Projector Light & Study Themes */
:root {
  /* Default: Projector Studio Light (Razor-sharp projection on white/light wall) */
  --bg-canvas: #fbfbfa;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #f4f4f0;
  --bg-hover: #eaeae4;
  --border-color: #e2e2da;
  --border-strong: #cbd5e1;

  /* High-Contrast Typography for Wall Projection */
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --text-inverse: #ffffff;

  /* Accent & Status Colors */
  --accent-primary: #1e3a8a;
  --accent-light: #dbeafe;
  --accent-focus: #2563eb;
  --accent-break: #059669;
  --accent-break-light: #d1fae5;
  --status-active: #16a34a;
  --danger: #dc2626;

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;

  /* Spacing Scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Shadows (Minimal for sharp projector contrast) */
  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.06);
}

/* Warm Paper Theme (Gentle daytime ambient reading) */
[data-theme="warm-paper"] {
  --bg-canvas: #f6f1e8;
  --bg-surface: #fdfbf7;
  --bg-surface-elevated: #ede6d9;
  --bg-hover: #e3dcce;
  --border-color: #dfd7c5;
  --border-strong: #c8bdab;
  --text-primary: #292524;
  --text-secondary: #57534e;
  --text-muted: #78716c;
  --accent-primary: #78350f;
  --accent-light: #fef3c7;
}