/* GENERATED FILE — do not edit by hand. Edit tokens.json and run `make tokens`. Theming: light is the default. Dark applies automatically via prefers-color-scheme, or explicitly with . An explicit data-theme="light" always forces light. --inn-brand-* constants never flip; --inn-color-* are semantic and do. */ :root { color-scheme: light; --inn-brand-navy: #15395B; --inn-brand-green: #2F8F67; --inn-brand-gold: #D9A72C; --inn-color-on-brand-text: #FFFFFF; --inn-color-on-brand-text-muted: #B8C6D4; --inn-color-primary: #15395B; --inn-color-secondary: #2F8F67; --inn-color-accent: #D9A72C; --inn-color-background: #F9FAFB; --inn-color-surface: #EDF2F7; --inn-color-surface-raised: #FFFFFF; --inn-color-text: #1F2937; --inn-color-text-muted: #5D6675; --inn-color-error: #B91C1C; --inn-color-warning: #C2410C; --inn-color-success: #14703C; --inn-color-info: #1D4ED8; /* Aliases */ --inn-color-brand: var(--inn-color-primary); --inn-color-action: var(--inn-color-secondary); --inn-color-highlight: var(--inn-color-accent); --inn-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --inn-font-display: 'Poppins', 'Inter', system-ui, sans-serif; --inn-text-xs: 0.75rem; --inn-text-sm: 0.875rem; --inn-text-base: 1rem; --inn-text-lg: 1.125rem; --inn-text-xl: 1.25rem; --inn-text-2xl: 1.5rem; --inn-text-3xl: 1.875rem; --inn-text-4xl: 2.375rem; --inn-weight-regular: 400; --inn-weight-medium: 500; --inn-weight-semibold: 600; --inn-weight-bold: 700; --inn-leading-tight: 1.2; --inn-leading-normal: 1.5; --inn-leading-relaxed: 1.7; --inn-space-1: 0.25rem; --inn-space-2: 0.5rem; --inn-space-3: 0.75rem; --inn-space-4: 1rem; --inn-space-5: 1.25rem; --inn-space-6: 1.5rem; --inn-space-8: 2rem; --inn-space-10: 2.5rem; --inn-space-12: 3rem; --inn-space-16: 4rem; --inn-radius-sm: 4px; --inn-radius-md: 8px; --inn-radius-lg: 16px; --inn-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.1); --inn-shadow-md: 0 4px 12px rgb(0 0 0 / 0.12); --inn-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.16); } @media (prefers-color-scheme: dark) { :root:not([data-theme='light']) { color-scheme: dark; --inn-color-primary: #7CA9D6; --inn-color-secondary: #4CBF8F; --inn-color-accent: #D9A72C; --inn-color-background: #0B1723; --inn-color-surface: #12283A; --inn-color-surface-raised: #1A3550; --inn-color-text: #E7EEF5; --inn-color-text-muted: #9AABBB; --inn-color-error: #F87171; --inn-color-warning: #FB923C; --inn-color-success: #4ADE80; --inn-color-info: #60A5FA; --inn-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.5); --inn-shadow-md: 0 4px 12px rgb(0 0 0 / 0.55); --inn-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.6); } } :root[data-theme='dark'] { color-scheme: dark; --inn-color-primary: #7CA9D6; --inn-color-secondary: #4CBF8F; --inn-color-accent: #D9A72C; --inn-color-background: #0B1723; --inn-color-surface: #12283A; --inn-color-surface-raised: #1A3550; --inn-color-text: #E7EEF5; --inn-color-text-muted: #9AABBB; --inn-color-error: #F87171; --inn-color-warning: #FB923C; --inn-color-success: #4ADE80; --inn-color-info: #60A5FA; --inn-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.5); --inn-shadow-md: 0 4px 12px rgb(0 0 0 / 0.55); --inn-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.6); }