:root{--gf-color-neutral-0:oklch(100% 0 0);--gf-color-neutral-50:oklch(98.5% 0.004 80);--gf-color-neutral-100:oklch(96.5% 0.006 80);--gf-color-neutral-200:oklch(93% 0.008 80);--gf-color-neutral-300:oklch(88% 0.01 80);--gf-color-neutral-400:oklch(78% 0.012 80);--gf-color-neutral-500:oklch(65% 0.015 80);--gf-color-neutral-600:oklch(50% 0.018 80);--gf-color-neutral-700:oklch(38% 0.02 80);--gf-color-neutral-800:oklch(26% 0.02 80);--gf-color-neutral-900:oklch(16% 0.018 80);--gf-color-neutral-950:oklch(10% 0.015 80);--gf-color-neutral-1000:oklch(0% 0 0);--gf-color-brand-50:oklch(96% 0.02 38);--gf-color-brand-100:oklch(92% 0.06 38);--gf-color-brand-200:oklch(84% 0.12 38);--gf-color-brand-300:oklch(74% 0.18 38);--gf-color-brand-400:oklch(67% 0.21 38);--gf-color-brand-500:oklch(62% 0.22 38);--gf-color-brand-600:oklch(54% 0.2 38);--gf-color-brand-700:oklch(45% 0.18 38);--gf-color-brand-800:oklch(35% 0.15 38);--gf-color-brand-900:oklch(26% 0.12 38);--gf-color-success-subtle:oklch(95% 0.04 145);--gf-color-success:oklch(58% 0.2 145);--gf-color-success-bold:oklch(42% 0.18 145);--gf-color-warning-subtle:oklch(96% 0.05 80);--gf-color-warning:oklch(74% 0.18 75);--gf-color-warning-bold:oklch(56% 0.18 75);--gf-color-danger-subtle:oklch(96% 0.04 25);--gf-color-danger:oklch(55% 0.23 25);--gf-color-danger-bold:oklch(40% 0.2 25);--gf-color-info-subtle:oklch(95% 0.03 245);--gf-color-info:oklch(58% 0.18 245);--gf-color-info-bold:oklch(42% 0.16 245);--gf-color-bg-page:var(--gf-color-neutral-50);--gf-color-bg-subtle:var(--gf-color-neutral-100);--gf-color-bg-default:var(--gf-color-neutral-0);--gf-color-bg-raised:var(--gf-color-neutral-0);--gf-color-bg-overlay:var(--gf-color-neutral-0);--gf-color-theme-background:var(--gf-color-bg-page);--gf-color-surface:var(--gf-color-bg-default);--gf-color-surface-raised:var(--gf-color-bg-raised);--gf-color-surface-overlay:var(--gf-color-bg-overlay);--gf-color-text:var(--gf-color-neutral-900);--gf-color-text-subtle:var(--gf-color-neutral-600);--gf-color-text-subtlest:var(--gf-color-neutral-400);--gf-color-text-inverse:var(--gf-color-neutral-0);--gf-color-text-brand:var(--gf-color-brand-500);--gf-color-text-danger:var(--gf-color-danger);--gf-color-text-success:var(--gf-color-success-bold);--gf-color-text-warning:var(--gf-color-warning-bold);--gf-color-theme-foreground:var(--gf-color-text);--gf-color-border:var(--gf-color-neutral-200);--gf-color-border-subtle:var(--gf-color-neutral-100);--gf-color-border-bold:var(--gf-color-neutral-400);--gf-color-border-focused:var(--gf-color-brand-500);--gf-color-border-hover:var(--gf-color-neutral-300);--gf-color-primary:var(--gf-color-brand-500);--gf-color-primary-foreground:var(--gf-color-neutral-0);--gf-color-primary-hover:var(--gf-color-brand-600);--gf-color-primary-subtle:var(--gf-color-brand-50);--gf-color-muted:var(--gf-color-neutral-200);--gf-color-muted-foreground:var(--gf-color-neutral-600);--background:98.5 14% 99%;--foreground:30 8% 16%;--card:0 0% 100%;--card-foreground:30 8% 16%;--popover:0 0% 100%;--popover-foreground:30 8% 16%;--primary:20 100% 46%;--primary-foreground:0 0% 100%;--secondary:30 10% 93%;--secondary-foreground:30 6% 26%;--muted:30 10% 93%;--muted-foreground:30 6% 42%;--accent:20 100% 96%;--accent-foreground:20 100% 38%;--destructive:10 80% 50%;--destructive-foreground:0 0% 100%;--border:30 10% 88%;--input:30 10% 88%;--ring:20 100% 46%;--radius:0.5rem;--gf-shadow-xs:0 1px 2px oklch(0% 0 0/0.05);--gf-shadow-sm:0 1px 3px oklch(0% 0 0/0.08),0 1px 2px oklch(0% 0 0/0.06);--gf-shadow-md:0 4px 6px oklch(0% 0 0/0.07),0 2px 4px oklch(0% 0 0/0.06);--gf-shadow-lg:0 10px 15px oklch(0% 0 0/0.08),0 4px 6px oklch(0% 0 0/0.05);--gf-shadow-xl:0 20px 25px oklch(0% 0 0/0.08),0 10px 10px oklch(0% 0 0/0.04)}[data-color-mode=dark]{--gf-color-bg-page:oklch(12% 0.012 250);--gf-color-bg-subtle:oklch(14% 0.012 250);--gf-color-bg-default:oklch(16% 0.012 250);--gf-color-bg-raised:oklch(20% 0.012 250);--gf-color-bg-overlay:oklch(18% 0.012 250);--gf-color-theme-background:var(--gf-color-bg-page);--gf-color-surface:var(--gf-color-bg-default);--gf-color-surface-raised:var(--gf-color-bg-raised);--gf-color-surface-overlay:var(--gf-color-bg-overlay);--gf-color-text:oklch(94% 0.006 80);--gf-color-text-subtle:oklch(65% 0.01 80);--gf-color-text-subtlest:oklch(46% 0.01 80);--gf-color-text-inverse:oklch(12% 0.012 80);--gf-color-text-brand:var(--gf-color-brand-300);--gf-color-text-danger:oklch(72% 0.18 25);--gf-color-text-success:oklch(72% 0.16 145);--gf-color-text-warning:oklch(80% 0.16 75);--gf-color-theme-foreground:var(--gf-color-text);--gf-color-border:oklch(24% 0.012 250);--gf-color-border-subtle:oklch(20% 0.01 250);--gf-color-border-bold:oklch(35% 0.015 250);--gf-color-border-focused:var(--gf-color-brand-400);--gf-color-border-hover:oklch(30% 0.015 250);--gf-color-primary:var(--gf-color-brand-400);--gf-color-primary-foreground:oklch(12% 0.012 80);--gf-color-primary-hover:var(--gf-color-brand-300);--gf-color-primary-subtle:oklch(20% 0.04 38);--gf-color-muted:oklch(22% 0.012 250);--gf-color-muted-foreground:oklch(55% 0.01 80);--background:225 18% 9%;--foreground:30 10% 94%;--card:225 18% 12%;--card-foreground:30 10% 94%;--popover:225 18% 11%;--popover-foreground:30 10% 94%;--primary:20 100% 60%;--primary-foreground:0 0% 100%;--secondary:225 18% 18%;--secondary-foreground:30 8% 80%;--muted:225 18% 18%;--muted-foreground:30 6% 50%;--accent:225 18% 18%;--accent-foreground:30 8% 80%;--destructive:0 65% 52%;--destructive-foreground:0 0% 100%;--border:225 18% 22%;--input:225 18% 22%;--ring:20 100% 60%;--gf-shadow-xs:0 1px 2px oklch(0% 0 0/0.2);--gf-shadow-sm:0 1px 3px oklch(0% 0 0/0.25),0 1px 2px oklch(0% 0 0/0.2);--gf-shadow-md:0 4px 6px oklch(0% 0 0/0.3),0 2px 4px oklch(0% 0 0/0.22);--gf-shadow-lg:0 10px 15px oklch(0% 0 0/0.35),0 4px 6px oklch(0% 0 0/0.25)}