:root{color-scheme:dark;--primary:174 55% 52%;--primary-hover:174 58% 40%;--primary-dim:174 33% 21%;--primary-light:174 44% 73%;--primary-bg:174 17% 12%;--primary-rgb:65 200 186;--primary-foreground:245 2% 5%;--secondary:32 85% 55%;--secondary-dim:32 43% 28%;--secondary-foreground:245 2% 5%;--neutral-0:245 2% 5%;--neutral-1:245 2% 8%;--neutral-2:245 2% 11%;--neutral-3:245 2% 15%;--neutral-4:245 2% 20%;--neutral-5:245 2% 30%;--neutral-6:245 2% 45%;--neutral-7:245 2% 60%;--neutral-8:245 2% 75%;--neutral-9:245 2% 88%;--neutral-10:245 2% 96%;--background:var(--neutral-0);--foreground:var(--neutral-10);--card:var(--neutral-1);--card-foreground:var(--neutral-10);--popover:var(--neutral-2);--popover-foreground:var(--neutral-10);--muted:var(--neutral-3);--muted-foreground:var(--neutral-6);--accent:var(--neutral-3);--accent-foreground:var(--neutral-10);--border:var(--neutral-4);--input:var(--neutral-2);--input-background:var(--neutral-2);--ring:245 2% 35%;--success:142 60% 45%;--success-bg:142 60% 45%/0.15;--error:0 72% 55%;--error-bg:0 72% 55%/0.15;--warning:38 90% 55%;--warning-bg:38 90% 55%/0.15;--info:210 70% 55%;--info-bg:210 70% 55%/0.15;--destructive:var(--error);--destructive-foreground:var(--neutral-10);--app-primary:174 58% 57%;--app-primary-hover:174 58% 40%;--app-primary-foreground:237 2% 5%;--app-base:237 2% 5%;--app-surface:237 2% 8%;--app-surface-subtle:237 2% 10%;--app-surface-raised:237 2% 12%;--app-overlay:237 2% 15%;--app-selection:237 2% 100%/0.18;--app-hover:237 2% 100%/0.08;--app-fg:237 2% 96%;--app-fg-secondary:237 2% 75%;--app-fg-muted:237 2% 45%;--app-fg-subtle:237 2% 30%;--app-border:237 2% 20%;--app-border-muted:237 2% 15%;--bg:var(--neutral-0);--surface-1:var(--neutral-1);--surface-2:var(--neutral-2);--surface-3:var(--neutral-3);--overlay:var(--neutral-2);--inset:245 2% 3%;--border-subtle:var(--neutral-3);--text:var(--neutral-10);--text-dim:var(--neutral-7);--text-muted:var(--neutral-6);--font-ui:var(--font-dm-sans),var(--font-noto-sans-tc),system-ui,sans-serif;--font-display:var(--font-dm-serif-display),serif;--font-cjk:var(--font-noto-sans-tc),system-ui,sans-serif;--font-mono:var(--font-dm-mono),ui-monospace,monospace;--font-weight-normal:400;--font-weight-medium:500;--radius:0.625rem;--sf-primary-channels:var(--primary);--sf-primary:hsl(var(--primary));--sf-primary-hover:hsl(var(--primary-hover));--sf-primary-foreground:hsl(var(--primary-foreground));--sf-success:hsl(var(--success));--sf-success-subtle:hsl(var(--success-bg));--sf-error:hsl(var(--error));--sf-error-subtle:hsl(var(--error-bg));--sf-warning:hsl(var(--warning));--sf-muted:hsl(var(--muted-foreground))}.sf-product-demo{--sf-primary-channels:var(--app-primary);--sf-primary:hsl(var(--app-primary));--sf-primary-hover:hsl(var(--app-primary-hover));--sf-primary-foreground:hsl(var(--app-primary-foreground));--sf-app-base:hsl(var(--app-base));--sf-app-surface:hsl(var(--app-surface));--sf-app-surface-subtle:hsl(var(--app-surface-subtle));--sf-app-surface-raised:hsl(var(--app-surface-raised));--sf-app-overlay:hsl(var(--app-overlay));--sf-app-selection:hsl(var(--app-selection));--sf-app-hover:hsl(var(--app-hover));--sf-app-fg:hsl(var(--app-fg));--sf-app-fg-secondary:hsl(var(--app-fg-secondary));--sf-app-fg-muted:hsl(var(--app-fg-muted));--sf-app-fg-subtle:hsl(var(--app-fg-subtle));--sf-app-border:hsl(var(--app-border));--sf-app-border-muted:hsl(var(--app-border-muted));--sf-app-green:hsl(var(--success));--sf-app-orange:hsl(var(--warning));--sf-app-info:hsl(var(--info))}