/* GENERATED by brand/build.py from brand/tokens.json (group "sf") — do not edit by hand.
   Spec: docs/superpowers/specs/2026-10-08-sofonn-design-system-foundation-design.md */
:root{--bg: #F4F7FB;--bg-raised: #FFFFFF;--surface: rgba(255,255,255,.55);--surface-2: rgba(255,255,255,.78);--surface-solid: #FFFFFF;--surface-elevated: #FFFFFF;--text: #1C1C1E;--text-2: #566579;--text-3: #7A8699;--text-on-accent: #FFFFFF;--accent: #007AFF;--accent-text: #0062CC;--brand: #0953A1;--border: #D7DBE7;--border-strong: #C9D2DF;--divider: #E3E8F0;--highlight: rgba(0,122,255,.10);--field: #FFFFFF;--field-border: #D7DBE7;--success: #50CD89;--warning: #F5A524;--caution: #FFC700;--error: #F1416C;--info: #007AFF;--success-text: #1A7443;--warning-text: #9A5B00;--error-text: #C0123F;--info-text: #0062CC;--success-tint: rgba(80,205,137,.16);--warning-tint: rgba(245,165,36,.16);--error-tint: rgba(241,65,108,.12);--info-tint: rgba(0,122,255,.10);--scrim: rgba(2,6,13,.40);--glass-fill: rgba(250,252,255,.84);--glass-border: #D7DBE7;--glass-blur: 28px;--glass-saturate: 140%;--shadow-e0: none;--shadow-e1: 0 1px 2px rgba(20,40,80,.06), inset 0 1px 0 rgba(255,255,255,.8);--shadow-e2: 0 8px 32px rgba(30,70,130,.12);--shadow-e3: 0 12px 48px rgba(20,40,80,.18);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px #409CFF;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 999px;--control-sm: 32px;--control-md: 40px;--control-lg: 48px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ui-title: 800 24px/1.25 var(--font-sans);--ui-card-title: 700 14px/1.3 var(--font-sans);--ui-body: 400 13px/1.5 var(--font-sans);--ui-label: 600 12px/1.3 var(--font-sans);--ui-meta: 500 11px/1.3 var(--font-sans);--ui-section: 700 11px/1.3 var(--font-sans);--ui-kpi: 800 26px/1 var(--font-sans);--ui-stat: 800 22px/1 var(--font-sans);--ui-number: 700 13px/1.2 var(--font-sans);--ui-button: 600 13px/1 var(--font-sans);--ui-kicker: 600 12px/1.3 var(--font-sans);--track-title: -0.02em;--track-kpi: -0.02em;--track-kicker: 0.05em;--track-section: 0.09em;--dur-hover: 80ms;--dur-fast: 150ms;--dur-base: 150ms;--ease-standard: cubic-bezier(.2,0,0,1);--chart-1: #0a84ff;--chart-2: #30b0c7;--chart-3: #5e5ce6;--chart-4: #34c759;--chart-5: #ff9f0a;--chart-6: #8e8e93;--chart-grid: rgba(148,163,184,.18);color-scheme: light;--photo-dim: none;}
[data-glass="clear"]{--glass-fill: rgba(255,255,255,.45);--glass-border: #D6DBE6;--glass-blur: 18px;--glass-saturate: 160%;}
[data-bs-theme="dark"]{--bg: #02060D;--bg-raised: #09111E;--surface: rgba(255,255,255,.04);--surface-2: rgba(255,255,255,.07);--surface-solid: #0A0E1B;--surface-elevated: #0D1223;--text: #F1F1F6;--text-2: #98A2B3;--text-3: #98A2B3;--accent: #0A84FF;--accent-text: #409CFF;--border: rgba(255,255,255,.10);--border-strong: rgba(255,255,255,.18);--divider: rgba(255,255,255,.08);--highlight: rgba(64,156,255,.16);--field: rgba(255,255,255,.05);--field-border: rgba(255,255,255,.14);--info: #0A84FF;--success-text: #5FD89A;--warning-text: #F7B545;--error-text: #FF6B8B;--info-text: #409CFF;--success-tint: rgba(80,205,137,.14);--warning-tint: rgba(245,165,36,.14);--error-tint: rgba(241,65,108,.14);--info-tint: rgba(10,132,255,.14);--scrim: rgba(2,6,13,.64);--glass-fill: rgba(13,18,35,.88);--glass-border: rgba(255,255,255,.13);--glass-blur: 28px;--glass-saturate: 140%;--shadow-e1: inset 0 1px 0 rgba(255,255,255,.08);--shadow-e2: 0 8px 32px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);--shadow-e3: 0 16px 48px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08);--chart-1: #3d93e0;--chart-2: #3f9cad;--chart-3: #6b69cb;--chart-4: #46a05c;--chart-5: #d19029;--chart-6: #8a8e96;--chart-grid: rgba(148,163,184,.18);color-scheme: dark;--photo-dim: brightness(.88);}
[data-bs-theme="dark"][data-glass="clear"]{--glass-fill: rgba(10,14,26,.57);--glass-border: rgba(255,255,255,.12);--glass-blur: 18px;--glass-saturate: 160%;}
@media (prefers-reduced-motion:reduce){:root{--dur-hover:0ms;--dur-fast:0ms;--dur-base:0ms}}