/* Generated from shared/components/theme.tokens.json */

:root, [data-arkheos-theme="system"] {
  --ak-space-2xs: 0.25rem;
  --ak-space-xs: 0.5rem;
  --ak-space-sm: 0.75rem;
  --ak-space-md: 1rem;
  --ak-space-lg: 1.5rem;
  --ak-space-xl: 2rem;
  --ak-space-2xl: 3rem;
  --ak-space-3xl: 4rem;
  --ak-radius-sm: 0.5rem;
  --ak-radius-md: 0.875rem;
  --ak-radius-lg: 1.5rem;
  --ak-radius-pill: 999px;
  --ak-shadow-sm: 0 10px 24px rgba(18, 16, 14, 0.08);
  --ak-shadow-md: 0 18px 48px rgba(18, 16, 14, 0.14);
  --ak-shadow-lg: 0 30px 80px rgba(18, 16, 14, 0.2);
  --ak-border-subtle: rgba(244, 238, 223, 0.12);
  --ak-border-strong: rgba(244, 238, 223, 0.22);
  --ak-motion-fast: 140ms;
  --ak-motion-base: 220ms;
  --ak-motion-slow: 360ms;
  --ak-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ak-font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --ak-font-body: "Aptos", "Segoe UI Variable Text", Candara, sans-serif;
  --ak-font-mono: "Iosevka", "Cascadia Mono", Consolas, monospace;
  --ak-width-shell: 78rem;
  --ak-width-measure: 42rem;
  --ak-brand-accent: #B08A44;
  --ak-brand-mark: #243447;
  --ak-state-canon: #B08A44;
  --ak-state-active: #243447;
  --ak-state-warning: #9A6A1F;
  --ak-state-failure: #A44A2F;
  --ak-state-restore: #6E7451;
  --ak-state-durable: #6E7451;
  --ak-state-temporary: #6E665E;
  --ak-surface-background: #12100E;
  --ak-surface-canvas: #2B2622;
  --ak-surface-panel: rgba(32, 27, 24, 0.82);
  --ak-surface-panel_alt: rgba(36, 52, 71, 0.88);
  --ak-surface-overlay: rgba(244, 238, 223, 0.08);
  --ak-text-primary: #F4EEDF;
  --ak-text-muted: #C9BDA9;
  --ak-text-inverse: #12100E;
  --ak-rail-accent: #B08A44;
  --ak-rail-soft: rgba(176, 138, 68, 0.14);
  --ak-hero-glow: rgba(176, 138, 68, 0.18);
  --ak-hero-mist: rgba(201, 189, 169, 0.12);
}

[data-arkheos-theme="in-family"] {
  --ak-surface-background: #F4EEDF;
  --ak-surface-canvas: #E9E0CF;
  --ak-surface-panel: rgba(244, 238, 223, 0.88);
  --ak-surface-panel_alt: rgba(233, 224, 207, 0.96);
  --ak-surface-overlay: rgba(43, 38, 34, 0.06);
  --ak-text-primary: #12100E;
  --ak-text-muted: #6E665E;
  --ak-text-inverse: #F4EEDF;
  --ak-border-subtle: rgba(18, 16, 14, 0.12);
  --ak-border-strong: rgba(18, 16, 14, 0.18);
  --ak-rail-accent: #B08A44;
  --ak-rail-soft: rgba(176, 138, 68, 0.12);
  --ak-hero-glow: rgba(176, 138, 68, 0.16);
  --ak-hero-mist: rgba(36, 52, 71, 0.1);
}

[data-arkheos-theme="variant"] {
  --ak-surface-background: #EEF1EC;
  --ak-surface-canvas: #DCE3D6;
  --ak-surface-panel: rgba(220, 227, 214, 0.9);
  --ak-surface-panel_alt: rgba(199, 210, 191, 0.96);
  --ak-surface-overlay: rgba(24, 32, 24, 0.06);
  --ak-text-primary: #182018;
  --ak-text-muted: #4E5A4D;
  --ak-text-inverse: #F4EEDF;
  --ak-border-subtle: rgba(24, 32, 24, 0.12);
  --ak-border-strong: rgba(24, 32, 24, 0.18);
  --ak-rail-accent: #5D745D;
  --ak-rail-soft: rgba(93, 116, 93, 0.12);
  --ak-hero-glow: rgba(93, 116, 93, 0.16);
  --ak-hero-mist: rgba(36, 52, 71, 0.08);
}

[data-arkheos-theme="anti-theme"] {
  --ak-surface-background: #E7F3F8;
  --ak-surface-canvas: #D5E7F1;
  --ak-surface-panel: rgba(231, 243, 248, 0.92);
  --ak-surface-panel_alt: rgba(213, 231, 241, 0.98);
  --ak-surface-overlay: rgba(16, 33, 45, 0.06);
  --ak-text-primary: #10212D;
  --ak-text-muted: #486170;
  --ak-text-inverse: #F4EEDF;
  --ak-border-subtle: rgba(16, 33, 45, 0.12);
  --ak-border-strong: rgba(16, 33, 45, 0.18);
  --ak-rail-accent: #2E6C87;
  --ak-rail-soft: rgba(46, 108, 135, 0.12);
  --ak-hero-glow: rgba(46, 108, 135, 0.16);
  --ak-hero-mist: rgba(16, 33, 45, 0.08);
}