/* Lumorix Signal System: central visual roles. */
:root {
  color-scheme: dark;
  --lx-color-primary: oklch(0.83 0.12 166);
  --lx-color-secondary: oklch(0.38 0.06 186);
  --lx-color-signal: oklch(0.88 0.15 114);
  --lx-color-background-0: oklch(0.18 0.012 184);
  --lx-color-background-1: oklch(0.23 0.015 184);
  --lx-color-surface: oklch(0.28 0.015 184);
  --lx-color-text-primary: oklch(0.96 0.008 150);
  --lx-color-text-secondary: oklch(0.76 0.015 174);
  --lx-color-border: oklch(0.42 0.015 184);
  --lx-color-border-strong: oklch(0.62 0.015 184);
  --lx-color-paper: oklch(0.955 0.012 114);
  --lx-color-paper-secondary: oklch(0.90 0.015 150);
  --lx-color-ink: oklch(0.22 0.015 184);
  --lx-color-ink-secondary: oklch(0.43 0.015 184);
  --lx-color-success: oklch(0.83 0.12 166);
  --lx-color-warning: oklch(0.87 0.13 88);
  --lx-color-error: oklch(0.81 0.11 22);
  --lx-bg-0: var(--lx-color-background-0);
  --lx-bg-1: var(--lx-color-background-1);
  --lx-surface: var(--lx-color-surface);
  --lx-surface-raised: oklch(0.32 0.018 184);
  --lx-text: var(--lx-color-text-primary);
  --lx-text-muted: var(--lx-color-text-secondary);
  --lx-text-subtle: oklch(0.64 0.015 174);
  --lx-line: var(--lx-color-border);
  --lx-line-strong: var(--lx-color-border-strong);
  --lx-signal: var(--lx-color-primary);
  --lx-signal-secondary: var(--lx-color-signal);
  --lx-success: var(--lx-color-success);
  --lx-warning: var(--lx-color-warning);
  --lx-danger: var(--lx-color-error);
  --lx-space-1: 0.25rem;
  --lx-space-2: 0.5rem;
  --lx-space-3: 0.75rem;
  --lx-space-4: 1rem;
  --lx-space-6: 1.5rem;
  --lx-space-8: 2rem;
  --lx-space-12: 3rem;
  --lx-space-16: 4rem;
  --lx-space-24: 6rem;
  --lx-space-32: 8rem;
  --lx-font-family: 'Manrope', system-ui, sans-serif;
  --lx-font-utility: ui-monospace, 'Cascadia Mono', 'SFMono-Regular', Consolas, monospace;
  --lx-font-small: 0.8125rem;
  --lx-font-body: 1rem;
  --lx-font-lead: clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
  --lx-font-h3: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
  --lx-font-h2: clamp(2rem, 1.3rem + 2.7vw, 4rem);
  --lx-font-h1: clamp(2.8rem, 1.5rem + 5.4vw, 6.5rem);
  --lx-font-display: clamp(3.5rem, 1rem + 5vw, 6.25rem);
  --lx-type-utility: 500 0.78rem/1.55 var(--lx-font-family);
  --lx-type-body: 450 var(--lx-font-body)/1.65 var(--lx-font-family);
  --lx-type-data: 500 0.78rem/1.55 var(--lx-font-utility);
  --lx-size-control: 3rem;
  --lx-size-mark: 0.75rem;
  --lx-radius-none: 0;
  --lx-radius-small: 0.25rem;
  --lx-radius-medium: 0.5rem;
  --lx-border-thin: 1px;
  --lx-border-focus: 3px;
  --lx-line-thin: var(--lx-border-thin);
  --lx-line-focus: var(--lx-border-focus);
  --lx-shadow-none: none;
  --lx-shadow-dialog: 0 1.5rem 5rem oklch(0.14 0.01 184 / 0.5);
  --lx-motion-fast: 140ms;
  --lx-motion-normal: 200ms;
  --lx-motion-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --lx-motion-shift: 180ms;
  --lx-layer-base: 0;
  --lx-layer-nav: 10;
  --lx-layer-overlay: 40;
  --lx-layer-critical: 100;
  --lx-layout-max: 90rem;
  --lx-layout-gutter: clamp(1.25rem, 4.5vw, 5rem);
  --lx-layout-reading: 68ch;
  --lx-layout-section: clamp(3.5rem, 7vw, 7rem);
}