:root {
  color-scheme: light;
  --lyothos-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --lyothos-font-body: "Instrument Sans", "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --lyothos-page-bg: #f5f0e6;
  --lyothos-surface: #fffdf7;
  --lyothos-surface-elevated: #ffffff;
  --lyothos-surface-muted: #e8e1d2;
  --lyothos-surface-inset: #f7f1e6;
  --lyothos-panel: #d8ccbb;
  --lyothos-border: rgba(32, 47, 40, 0.24);
  --lyothos-border-strong: rgba(32, 47, 40, 0.46);
  --lyothos-ink: #10251f;
  --lyothos-text: #152c25;
  --lyothos-muted: #52635b;
  --lyothos-primary: #183c32;
  --lyothos-primary-hover: #102c25;
  --lyothos-primary-active: #0b211b;
  --lyothos-primary-soft: #dfe9df;
  --lyothos-accent: #c7a45b;
  --lyothos-accent-hover: #ae8d47;
  --lyothos-success: #246f55;
  --lyothos-warning: #9a681f;
  --lyothos-danger: #9f332d;
  --lyothos-info: #315f68;
  --lyothos-on-primary: #fffaf0;
  --lyothos-on-success: #fffaf0;
  --lyothos-on-danger: #fffaf0;
  --lyothos-on-warning: #10251f;
  --lyothos-badge-text: var(--lyothos-primary-hover);
  --lyothos-badge-success-text: #1d5944;
  --lyothos-badge-warning-text: #634313;
  --lyothos-badge-danger-text: #7f2924;
  --lyothos-button-outline-text: var(--lyothos-primary);
  --lyothos-disabled-bg: #d8d0c1;
  --lyothos-disabled-text: #23372f;
  --lyothos-placeholder: #53635b;
  --lyothos-switch-track: #b7ac9d;
  --lyothos-switch-thumb: #ffffff;
  --lyothos-focus: rgba(199, 164, 91, 0.36);
  --lyothos-shadow-sm: 0 8px 18px rgba(16, 37, 31, 0.08);
  --lyothos-shadow: 0 22px 55px rgba(16, 37, 31, 0.12);
  --lyothos-shadow-lg: 0 30px 80px rgba(16, 37, 31, 0.18);
  --lyothos-radius-sm: 0.65rem;
  --lyothos-radius-md: 1rem;
  --lyothos-radius-lg: 1.35rem;
  --lyothos-radius-pill: 999px;
  --lyothos-space-1: .25rem; --lyothos-space-2: .5rem; --lyothos-space-3: .75rem; --lyothos-space-4: 1rem; --lyothos-space-5: 1.5rem; --lyothos-space-6: 2rem;
  --bs-primary: var(--lyothos-primary);
  --bs-primary-rgb: 24, 60, 50;
  --bs-link-color: var(--lyothos-primary);
  --bs-link-hover-color: var(--lyothos-primary-hover);
  --sa-bg: var(--lyothos-page-bg); --sa-bg-accent: var(--lyothos-surface-muted); --sa-card: var(--lyothos-surface-elevated); --sa-primary: var(--lyothos-primary); --sa-primary-dark: var(--lyothos-primary-hover); --sa-accent: var(--lyothos-accent); --sa-accent-strong: var(--lyothos-accent-hover); --sa-ink: var(--lyothos-text); --sa-text: var(--lyothos-text); --sa-muted: var(--lyothos-muted); --sa-border: var(--lyothos-border); --sa-success: var(--lyothos-success); --sa-danger: var(--lyothos-danger); --sa-shadow: var(--lyothos-shadow); --sa-shadow-soft: var(--lyothos-shadow-sm); --sa-shadow-lift: var(--lyothos-shadow-lg); --sa-radius-lg: var(--lyothos-radius-lg); --sa-radius-md: var(--lyothos-radius-md); --sa-radius-sm: var(--lyothos-radius-sm); --sa-font-display: var(--lyothos-font-display); --sa-font-body: var(--lyothos-font-body); --sa-font-caption: var(--lyothos-font-body);
}
[data-theme="dark"], body.dark-mode {
  color-scheme: dark;
  --lyothos-page-bg: #091612; --lyothos-surface: #10231d; --lyothos-surface-elevated: #142b24; --lyothos-surface-muted: #1b372f; --lyothos-surface-inset: #0d1e19; --lyothos-panel: #233d34; --lyothos-border: rgba(236, 230, 215, 0.18); --lyothos-border-strong: rgba(236, 230, 215, 0.3); --lyothos-ink: #f6f0e5; --lyothos-text: #f6f0e5; --lyothos-muted: #cbd3c8; --lyothos-primary: #d6c38c; --lyothos-primary-hover: #eadba8; --lyothos-primary-active: #c7a45b; --lyothos-primary-soft: #203f35; --lyothos-accent: #d8b86d; --lyothos-success: #71b99d; --lyothos-warning: #e3bd72; --lyothos-danger: #e18b82; --lyothos-info: #8eb7bd; --lyothos-on-primary: #08130f; --lyothos-on-success: #08130f; --lyothos-on-danger: #08130f; --lyothos-on-warning: #08130f; --lyothos-button-outline-text: #eadba8; --lyothos-disabled-bg: #233d34; --lyothos-disabled-text: #d5ddcf; --lyothos-placeholder: #9faea4; --lyothos-switch-track: #2b4a40; --lyothos-switch-thumb: #f6f0e5; --lyothos-focus: rgba(216,184,109,.35); --lyothos-shadow-sm: 0 10px 24px rgba(0,0,0,.35); --lyothos-shadow: 0 24px 56px rgba(0,0,0,.45); --lyothos-shadow-lg: 0 34px 90px rgba(0,0,0,.55);
}