/* Skali Software design tokens v1.1.0 (2026-10-24). Generated from tokens.json; edit that file, not this one. */
:root {
  --sk-font-display: 'Montserrat', 'Avenir Next', 'Helvetica Neue', Arial, sans-serif;
  --sk-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --sk-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sk-weight-regular: 400;
  --sk-weight-medium: 500;
  --sk-weight-semibold: 600;
  --sk-weight-bold: 700;
  --sk-weight-extrabold: 800;
  --sk-text-xs: 12px;
  --sk-text-sm: 14px;
  --sk-text-base: 16px;
  --sk-text-lg: 18px;
  --sk-text-xl: 20px;
  --sk-text-2xl: 24px;
  --sk-text-3xl: 30px;
  --sk-text-4xl: 36px;
  --sk-text-5xl: 48px;
  --sk-leading-none: 1;
  --sk-leading-tight: 1.2;
  --sk-leading-snug: 1.35;
  --sk-leading-normal: 1.5;
  --sk-tracking-display: -0.01em;
  --sk-tracking-caps: 0.12em;
  --sk-space-1: 4px;
  --sk-space-2: 8px;
  --sk-space-3: 12px;
  --sk-space-4: 16px;
  --sk-space-5: 20px;
  --sk-space-6: 24px;
  --sk-space-8: 32px;
  --sk-space-10: 40px;
  --sk-space-12: 48px;
  --sk-space-16: 64px;
  --sk-radius-sm: 6px;
  --sk-radius-md: 10px;
  --sk-radius-lg: 14px;
  --sk-radius-xl: 20px;
  --sk-radius-full: 9999px;
  --sk-shadow-sm: 0 1px 2px rgba(17,20,24,0.06);
  --sk-shadow-md: 0 4px 12px rgba(17,20,24,0.08);
  --sk-shadow-lg: 0 12px 32px rgba(17,20,24,0.12);
  --sk-motion-fast: 120ms;
  --sk-motion-base: 200ms;
  --sk-motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --sk-motion-loop: 1400ms;
  --sk-content-max: 1040px;
  --sk-gutter-mobile: 16px;
  --sk-tap-target-min: 44px;
  --sk-bg: #F6F3EE;
  --sk-surface: #FFFFFF;
  --sk-text: #1F2A36;
  --sk-text-muted: #5B6470;
  --sk-border: #E4DED4;
  --sk-primary: #9C5310;
  --sk-on-primary: #FFFFFF;
  --sk-accent: #D9822B;
  --sk-link: #9C5310;
  --sk-focus: #9C5310;
  --sk-success: #2F6B4F;
  --sk-warning: #8A6100;
  --sk-error: #A63A2E;
  --sk-info: #2F5F8A;
  --sk-border-strong: #5B6470;
  --sk-on-accent: #111418;
  --sk-surface-brand: #1F2A36;
  --sk-on-brand: #ECE7DF;
  --sk-scrim: rgba(17,20,24,0.60);
  --sk-success-bg: #DEE3DB;
  --sk-warning-bg: #E9E1D1;
  --sk-error-bg: #ECDDD7;
  --sk-info-bg: #DEE1E2;
  --sk-accent-bg: #F1E1CF;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sk-bg: #111418;
    --sk-surface: #1A1F26;
    --sk-text: #ECE7DF;
    --sk-text-muted: #9AA3AE;
    --sk-border: #2A313A;
    --sk-primary: #D9822B;
    --sk-on-primary: #111418;
    --sk-accent: #D9822B;
    --sk-link: #D9822B;
    --sk-focus: #D9822B;
    --sk-success: #6FBF95;
    --sk-warning: #E0B84D;
    --sk-error: #E8806F;
    --sk-info: #7FB0DD;
    --sk-border-strong: #9AA3AE;
    --sk-on-accent: #111418;
    --sk-surface-brand: #1A1F26;
    --sk-on-brand: #ECE7DF;
    --sk-scrim: rgba(0,0,0,0.70);
    --sk-success-bg: #202F2C;
    --sk-warning-bg: #322E20;
    --sk-error-bg: #332526;
    --sk-info-bg: #232D38;
    --sk-accent-bg: #35281B;
  }
}
:root[data-theme="dark"] {
  --sk-bg: #111418;
  --sk-surface: #1A1F26;
  --sk-text: #ECE7DF;
  --sk-text-muted: #9AA3AE;
  --sk-border: #2A313A;
  --sk-primary: #D9822B;
  --sk-on-primary: #111418;
  --sk-accent: #D9822B;
  --sk-link: #D9822B;
  --sk-focus: #D9822B;
  --sk-success: #6FBF95;
  --sk-warning: #E0B84D;
  --sk-error: #E8806F;
  --sk-info: #7FB0DD;
  --sk-border-strong: #9AA3AE;
  --sk-on-accent: #111418;
  --sk-surface-brand: #1A1F26;
  --sk-on-brand: #ECE7DF;
  --sk-scrim: rgba(0,0,0,0.70);
  --sk-success-bg: #202F2C;
  --sk-warning-bg: #322E20;
  --sk-error-bg: #332526;
  --sk-info-bg: #232D38;
  --sk-accent-bg: #35281B;
}