/* Starlit Digital. Canonical resource tokens, derived from sltd.ca/assets/studio.css. */
:root {
  --sdou-navy-950: #09151f;
  --sdou-navy-900: #102330;
  --sdou-navy-800: #183240;
  --sdou-navy-700: #254653;
  --sdou-navy-600: #3b5260;
  --sdou-gold: #e8c58e;
  --sdou-gold-ink: #76511e;
  --sdou-cream: #f2e7d4;
  --sdou-paper: #f7f3eb;
  --sdou-white: #fffcf7;
  --sdou-teal: #79b7b5;
  --sdou-teal-ink: #315f61;
  --sdou-teal-pale: #dce9e4;
  --sdou-muted-dark: #bacbd1;
  --sdou-muted-light: #455d68;
  --sdou-border-light: #b8b4a9;
  --sdou-error: #c45a53;
  --sdou-success: #79b7b5;
  --sdou-font-display: Georgia, "Times New Roman", serif;
  --sdou-font-body:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --sdou-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --sdou-space-1: 0.25rem;
  --sdou-space-2: 0.5rem;
  --sdou-space-3: 0.75rem;
  --sdou-space-4: 1rem;
  --sdou-space-6: 1.5rem;
  --sdou-space-8: 2rem;
  --sdou-space-12: 3rem;
  --sdou-space-16: 4rem;
  --sdou-space-24: 6rem;
  --sdou-radius-sm: 8px;
  --sdou-radius: 18px;
  --sdou-radius-lg: 28px;
  --sdou-max: 1120px;
  --sdou-gutter: clamp(20px, 4vw, 48px);
  --sdou-section: clamp(64px, 8vw, 112px);
  --sdou-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --sdou-duration: 180ms;
  --sdou-bg: var(--sdou-navy-950);
  --sdou-panel: var(--sdou-navy-900);
  --sdou-raised: var(--sdou-navy-800);
  --sdou-ink: var(--sdou-cream);
  --sdou-muted: var(--sdou-muted-dark);
  --sdou-accent: var(--sdou-gold);
  --sdou-secondary: var(--sdou-teal);
  --sdou-line: var(--sdou-navy-600);
  --sdou-on-accent: var(--sdou-navy-950);
  color-scheme: dark;
}
:root[data-sdou-theme="light"] {
  --sdou-bg: var(--sdou-paper);
  --sdou-panel: var(--sdou-white);
  --sdou-raised: #ebe5d9;
  --sdou-ink: var(--sdou-navy-800);
  --sdou-muted: var(--sdou-muted-light);
  --sdou-accent: var(--sdou-gold-ink);
  --sdou-secondary: var(--sdou-teal-ink);
  --sdou-line: var(--sdou-border-light);
  --sdou-on-accent: var(--sdou-white);
  color-scheme: light;
}