:root {
  color-scheme: light;
  --color-brand-950: #2d3238;
  --color-brand-900: #3c434b;
  --color-brand-800: #4b545e;
  --color-brand-700: #5b6570;
  --color-accent-700: #a8522b;
  --color-accent-600: #ee8853;
  --color-accent-100: #fdf0e9;
  --color-navigation: #252a2f;
  --color-navigation-text: #ffffff;
  --color-canvas: #f8f5ef;
  --color-surface: #ffffff;
  --color-surface-subtle: #fbfaf8;
  --color-text: #241f22;
  --color-text-muted: #696166;
  --color-border: #ded9d5;
  --color-border-strong: #beb6b1;
  --color-success: #277052;
  --color-success-bg: #edf7f2;
  --color-warning: #87500f;
  --color-warning-bg: #fff6e7;
  --color-danger: #a6372d;
  --color-danger-bg: #fdf0ee;
  --reservation-action-confirmed: #1a9a61;
  --reservation-action-created: #1976d2;
  --reservation-action-waitlisted: #d4611e;
  --reservation-action-transition: #6c63d8;
  --reservation-action-cancelled: #cf3f38;
  --reservation-action-neutral: #70869a;
  --reservation-action-inactive: #8a7e85;
  --color-focus: #c2633d;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 999px;
  --radius-dashboard-sm: var(--radius-md);
  --radius-dashboard: var(--radius-lg);
  --shadow-sm: 0 1px 2px rgb(45 24 39 / 6%);
  --shadow-md: 0 12px 32px rgb(45 24 39 / 9%);
  --sidebar-width: 17rem;
  --control-height: 44px;
  --control-padding-inline: 0.75rem;
  --control-font-size: 0.84rem;
  --control-line-height: 1.25;
  --control-border: 1px solid var(--color-border-strong);
  --control-radius: var(--radius-sm);
  font-family: Inter, Avenir, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  color: var(--color-text);
  background: var(--color-canvas);
  line-height: 1.5;
  font-synthesis: none;
}

a {
  color: var(--color-accent-700);
}

html.luminous-root {
  --accent: var(--color-accent-600);
  --accent-strong: color-mix(in srgb, var(--accent) 76%, var(--le-bg-deep));
  --accent-soft: color-mix(in srgb, var(--accent) 16%, transparent);
  --accent-glow: color-mix(in srgb, var(--accent) 20%, transparent);
  --accent-ink: var(--color-accent-text);
  --le-bg: #0c0a09;
  --le-bg-deep: #080706;
  --le-surface: #15110f;
  --le-surface-raised: #1a1512;
  --le-surface-warm: #211914;
  --le-line: #342821;
  --le-text: #f4eee4;
  --le-muted: #c0b2a3;
  --le-subtle: #98887a;
  --le-overlay-muted: #d5c8ba;
  --le-overlay-subtle: #b8a99b;
  --le-overlay-placeholder: #cdbfaf;
  --le-overlay-disabled: 0.62;
  --le-neutral: #92a0a8;
  --fill-zero: #dc7869;
  --fill-low: #d98a72;
  --fill-medium: #d19a58;
  --fill-high: #78b89e;
  --fill-near: #4da77a;
  --fill-full: #2c9d67;
  --fill-neutral: #918277;
  --alert-waitlist: #c18b4f;
  --alert-anomaly: #d06f60;
  --le-success: var(--fill-high);
  --le-warning: var(--alert-waitlist);
  --le-danger: var(--alert-anomaly);
  --le-blue: #7893a4;
  --le-green: var(--le-success);
  --le-coral: var(--le-danger);
  --le-control-height: 44px;
  --le-radius-control: var(--radius-sm);
  --le-radius-card: var(--radius-lg);
  --le-radius-dialog: var(--radius-lg);
  --le-control-padding: 12px;
  --le-font-control:
    600 13px/1.25 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --le-page-title-size: clamp(32px, 3vw, 40px);
  --le-page-title-compact-size: clamp(30px, 2.6vw, 36px);
  --le-dialog-title-size: clamp(24px, 2vw, 30px);
  --le-focus-ring: 0 0 0 3px var(--accent-soft);
  --app-bg-color: var(--le-bg);
  --app-bg-gradient: radial-gradient(
    circle at 78% 0,
    var(--accent-glow) 0,
    transparent 28rem
  );
  --app-bg-image: none;
  --app-bg-position: center top;
  --app-bg-size: cover;
  --app-bg-repeat: no-repeat;
  --app-bg-overlay: var(--le-bg-deep);
  --app-bg-overlay-strength: 0%;
  --le-button-height: var(--le-control-height);
  --le-button-padding-inline: 16px;
  --le-surface-border: 1px solid var(--le-line);
  --le-surface-background: var(--le-surface);
  --le-dialog-background: var(--le-surface-raised);
  --le-dialog-shadow: 0 28px 80px
    color-mix(in srgb, var(--le-bg-deep) 80%, transparent);
  --le-dialog-backdrop: color-mix(in srgb, var(--le-bg-deep) 78%, transparent);
}

html.luminous-root {
  color-scheme: dark;
  background: var(--le-bg);
}

html.luminous-root[data-luminous-theme="light"] {
  --accent: color-mix(in srgb, var(--color-accent-600) 45%, #5a2a16);
  --accent-strong: color-mix(in srgb, var(--accent) 58%, #5a2a16);
  --accent-soft: color-mix(in srgb, var(--accent) 13%, transparent);
  --accent-glow: color-mix(in srgb, var(--accent) 11%, transparent);
  --accent-ink: #fffaf5;
  --le-bg: #eee7de;
  --le-bg-deep: #e5dcd1;
  --le-surface: #fbf7f0;
  --le-surface-raised: #f7f1e9;
  --le-surface-warm: #f2e7dc;
  --le-line: #ddcfc1;
  --le-text: #211915;
  --le-muted: #72645a;
  --le-subtle: #948377;
  --le-overlay-muted: #66574c;
  --le-overlay-subtle: #75665b;
  --le-overlay-placeholder: #75665b;
  --le-overlay-disabled: 0.62;
  --le-neutral: #72645a;
  --fill-zero: #b74e42;
  --fill-low: #b96150;
  --fill-medium: #936426;
  --fill-high: #3f8067;
  --fill-near: #24714f;
  --fill-full: #126b43;
  --fill-neutral: #72645a;
  --alert-waitlist: #8b5d23;
  --alert-anomaly: #a94137;
  color-scheme: light;
  background: var(--le-bg);
}