@layer base{:root,html.light{--color-background: var(--neutral-10);--color-foreground: var(--neutral-0);--color-surface: var(--neutral-9);--color-surface-muted: var(--neutral-8);--color-surface-elevated: var(--neutral-11);--color-surface-overlay: var(--neutral-9);--color-text-headline: var(--neutral-0);--color-text-body: var(--neutral-2);--color-text-label: var(--neutral-4);--color-text-inverted: var(--neutral-11);--color-primary: var(--primary-5);--color-primary-foreground: var(--neutral-11);--color-secondary: var(--secondary-5);--color-secondary-foreground: var(--neutral-11);--color-tertiary: var(--tertiary-5);--color-tertiary-foreground: var(--neutral-11);--color-success: var(--primary-4);--color-warning: 42 92% 56%;--color-danger: 9 78% 58%;--color-border-subtle: var(--neutral-6);--color-outline-ghost: hsl(var(--color-border-subtle) / .15);--ui-surface-1: var(--neutral-10);--ui-surface-2: var(--neutral-9);--ui-surface-3: var(--neutral-11);--ui-surface-overlay: hsl(var(--color-surface-overlay) / .85);--ui-shadow-floating: 0 12px 32px -4px rgb(44 52 55 / .08);--ui-shadow-soft: 0 18px 36px -30px rgb(44 52 55 / .12);--portal-bg: var(--color-background);--portal-surface: var(--ui-surface-3);--portal-surface-muted: var(--ui-surface-2);--portal-ink: var(--color-text-headline);--portal-ink-muted: var(--color-text-label);--portal-border: var(--color-border-subtle);--portal-accent: var(--color-primary);--portal-accent-2: var(--color-secondary);--portal-accent-soft: var(--ui-surface-2);--portal-danger: var(--color-danger);--portal-warning: var(--color-warning);--portal-success: var(--color-success);--portal-ink-on-accent: var(--neutral-11)}html.dark{--color-background: var(--neutral-10);--color-foreground: var(--neutral-0);--color-surface: var(--neutral-9);--color-surface-muted: var(--neutral-8);--color-surface-elevated: var(--neutral-7);--color-surface-overlay: var(--neutral-8);--color-text-headline: var(--neutral-0);--color-text-body: var(--neutral-2);--color-text-label: var(--neutral-4);--color-text-inverted: var(--neutral-11);--color-primary: var(--primary-5);--color-primary-foreground: var(--neutral-11);--color-secondary: var(--secondary-5);--color-secondary-foreground: var(--neutral-11);--color-tertiary: var(--tertiary-5);--color-tertiary-foreground: var(--neutral-11);--color-success: var(--primary-4);--color-warning: 42 88% 58%;--color-danger: 9 74% 62%;--color-border-subtle: var(--neutral-6);--color-outline-ghost: hsl(var(--color-border-subtle) / .18);--ui-surface-1: var(--neutral-10);--ui-surface-2: var(--neutral-9);--ui-surface-3: var(--neutral-7);--ui-surface-overlay: hsl(var(--color-surface-overlay) / .76);--ui-shadow-floating: 0 12px 32px -4px rgb(0 0 0 / .28);--ui-shadow-soft: 0 18px 36px -30px rgb(0 0 0 / .32);--portal-bg: var(--color-background);--portal-surface: var(--ui-surface-3);--portal-surface-muted: var(--ui-surface-2);--portal-ink: var(--color-text-headline);--portal-ink-muted: var(--color-text-label);--portal-border: var(--color-border-subtle);--portal-accent: var(--color-primary);--portal-accent-2: var(--color-secondary);--portal-accent-soft: var(--ui-surface-2);--portal-danger: var(--color-danger);--portal-warning: var(--color-warning);--portal-success: var(--color-success);--portal-ink-on-accent: var(--neutral-11)}html,body{background-color:hsl(var(--color-background));color:hsl(var(--color-text-body))}}