/* Lumen / Quiet Light / proposal v1. Scope these variables to the host app as needed. */
:root {
  --lumen-paper: #F6F4ED;
  --lumen-pine: #263F36;
  --lumen-sage: #A8B5A0;
  --lumen-mist: #E3E7DE;
  --lumen-dawn: #D8B77C;
  --lumen-ink: #25352E;
  --lumen-muted: #59665B;
  --lumen-stroke: #7D897D;
  --lumen-divider: #D5DAD0;
  --lumen-error: #963F38;
  --lumen-error-surface: #F5E8E4;
  --lumen-warning: #70551E;
  --lumen-warning-surface: #F2E8D2;
  --lumen-bg: var(--lumen-paper);
  --lumen-surface: #FFFEFA;
  --lumen-text: var(--lumen-ink);
  --lumen-action: var(--lumen-pine);
  --lumen-on-action: var(--lumen-paper);
  --lumen-focus: var(--lumen-pine);
  --lumen-font-display: Georgia, 'Times New Roman', serif;
  --lumen-font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --lumen-text-small: 0.875rem;
  --lumen-text-body: 1rem;
  --lumen-text-lead: 1.25rem;
  --lumen-text-title: 2rem;
  --lumen-text-display: clamp(2.75rem, 6vw, 5.5rem);
  --lumen-space-1: 4px;
  --lumen-space-2: 8px;
  --lumen-space-3: 12px;
  --lumen-space-4: 16px;
  --lumen-space-6: 24px;
  --lumen-space-8: 32px;
  --lumen-space-12: 48px;
  --lumen-space-16: 64px;
  --lumen-radius-control: 12px;
  --lumen-radius-card: 20px;
  --lumen-target: 48px;
  --lumen-duration: 160ms;
  --lumen-ease: cubic-bezier(.2, 0, 0, 1);
}
[data-lumen-theme='night'] {
  --lumen-bg: #182A23;
  --lumen-surface: #22382E;
  --lumen-text: #F6F4ED;
  --lumen-muted: #BAC5B8;
  --lumen-stroke: #8D9C8E;
  --lumen-divider: #405548;
  --lumen-action: #D8B77C;
  --lumen-on-action: #182A23;
  --lumen-focus: #D8B77C;
  --lumen-error: #F2AEA4;
  --lumen-error-surface: #432C28;
  --lumen-warning: #E4C68F;
  --lumen-warning-surface: #3D3525;
}
@media (prefers-reduced-motion: reduce) {
  :root { --lumen-duration: 0ms; }
}