/**
 * @pulwave/tokens v0.1.0
 * Build: 2026-07-13T10:51:39.235Z
 * Commit: local
 * Tokens: 2747 total
 */

/* Token layer ordering is the conflict authority. */
@layer tokens.foundation, tokens.scheme, tokens.brand, tokens.appearance, tokens.context, tokens.decorative, tokens.density, tokens.color-vision, tokens.accessibility, reset, base, components, utilities;

@layer tokens.foundation {
:root {
  --color-alpha-black-0: oklch(0 0 0 / 0);
  --color-alpha-black-3: oklch(0 0 0 / 0.03);
  --color-alpha-black-5: oklch(0 0 0 / 0.05);
  --color-alpha-black-10: oklch(0 0 0 / 0.1);
  --color-alpha-black-15: oklch(0 0 0 / 0.15);
  --color-alpha-black-20: oklch(0 0 0 / 0.2);
  --color-alpha-black-25: oklch(0 0 0 / 0.25);
  --color-alpha-black-30: oklch(0 0 0 / 0.3);
  --color-alpha-black-40: oklch(0 0 0 / 0.4);
  --color-alpha-black-50: oklch(0 0 0 / 0.5);
  --color-alpha-black-60: oklch(0 0 0 / 0.6);
  --color-alpha-black-70: oklch(0 0 0 / 0.7);
  --color-alpha-black-80: oklch(0 0 0 / 0.8);
  --color-alpha-black-90: oklch(0 0 0 / 0.9);
  --color-alpha-white-0: oklch(1 0 0 / 0);
  --color-alpha-white-5: oklch(1 0 0 / 0.05);
  --color-alpha-white-10: oklch(1 0 0 / 0.1);
  --color-alpha-white-20: oklch(1 0 0 / 0.2);
  --color-alpha-white-30: oklch(1 0 0 / 0.3);
  --color-alpha-white-40: oklch(1 0 0 / 0.4);
  --color-alpha-white-50: oklch(1 0 0 / 0.5);
  --color-alpha-white-60: oklch(1 0 0 / 0.6);
  --color-alpha-white-70: oklch(1 0 0 / 0.7);
  --color-alpha-white-80: oklch(1 0 0 / 0.8);
  --color-alpha-white-90: oklch(1 0 0 / 0.9);
  --color-alpha-brand-5: oklch(0.65 0.2 160 / 0.05);
  --color-alpha-brand-10: oklch(0.65 0.2 160 / 0.1);
  --color-alpha-brand-15: oklch(0.65 0.2 160 / 0.15);
  --color-alpha-brand-20: oklch(0.65 0.2 160 / 0.2);
  --color-alpha-brand-30: oklch(0.65 0.2 160 / 0.3);
  --color-alpha-brand-40: oklch(0.65 0.2 160 / 0.4);
  --color-alpha-brand-50: oklch(0.65 0.2 160 / 0.5);
  --color-alpha-brand-60: oklch(0.65 0.2 160 / 0.6);
  --color-alpha-brand-70: oklch(0.65 0.2 160 / 0.7);
  --color-alpha-brand-80: oklch(0.65 0.2 160 / 0.8);
  --color-amber-50: oklch(0.97 0.02 75);
  --color-amber-100: oklch(0.93 0.04 75);
  --color-amber-200: oklch(0.85 0.1 75);
  --color-amber-300: oklch(0.75 0.14 75);
  --color-amber-400: oklch(0.65 0.18 75);
  --color-amber-500: oklch(0.55 0.18 75);
  --color-amber-600: oklch(0.45 0.16 75);
  --color-amber-700: oklch(0.35 0.14 75);
  --color-amber-800: oklch(0.25 0.1 75);
  --color-amber-900: oklch(0.18 0.07 75);
  --color-amber-950: oklch(0.12 0.04 75);
  --color-blue-50: oklch(0.97 0.02 240);
  --color-blue-100: oklch(0.94 0.04 240);
  --color-blue-200: oklch(0.88 0.08 240);
  --color-blue-300: oklch(0.78 0.14 240);
  --color-blue-400: oklch(0.68 0.2 240);
  --color-blue-500: oklch(0.58 0.25 240);
  --color-blue-600: oklch(0.5 0.25 240);
  --color-blue-700: oklch(0.42 0.22 240);
  --color-blue-800: oklch(0.35 0.18 240);
  --color-blue-900: oklch(0.28 0.14 240);
  --color-blue-950: oklch(0.18 0.1 240);
  --color-blush-50: oklch(0.97 0.02 350);
  --color-blush-100: oklch(0.95 0.04 350);
  --color-blush-200: oklch(0.92 0.08 350);
  --color-blush-300: oklch(0.88 0.12 350);
  --color-blush-400: oklch(0.83 0.16 350);
  --color-blush-500: oklch(0.73 0.2 350);
  --color-blush-600: oklch(0.6 0.18 350);
  --color-blush-700: oklch(0.46 0.14 350);
  --color-blush-800: oklch(0.35 0.11 350);
  --color-blush-900: oklch(0.25 0.08 350);
  --color-blush-950: oklch(0.17 0.05 350);
  --color-brown-50: oklch(0.97 0.02 60);
  --color-brown-100: oklch(0.93 0.04 60);
  --color-brown-200: oklch(0.85 0.08 60);
  --color-brown-300: oklch(0.75 0.12 60);
  --color-brown-400: oklch(0.65 0.16 60);
  --color-brown-500: oklch(0.55 0.18 60);
  --color-brown-600: oklch(0.45 0.16 60);
  --color-brown-700: oklch(0.35 0.14 60);
  --color-brown-800: oklch(0.25 0.1 60);
  --color-brown-900: oklch(0.18 0.07 60);
  --color-brown-950: oklch(0.12 0.04 60);
  --color-burgundy-50: oklch(0.97 0.01 35);
  --color-burgundy-100: oklch(0.93 0.02 35);
  --color-burgundy-200: oklch(0.86 0.05 35);
  --color-burgundy-300: oklch(0.76 0.08 35);
  --color-burgundy-400: oklch(0.65 0.12 35);
  --color-burgundy-500: oklch(0.38 0.15 35);
  --color-burgundy-600: oklch(0.33 0.14 35);
  --color-burgundy-700: oklch(0.27 0.11 35);
  --color-burgundy-800: oklch(0.22 0.08 35);
  --color-burgundy-900: oklch(0.18 0.06 35);
  --color-burgundy-950: oklch(0.15 0.04 35);
  --color-charcoal-50: oklch(0.97 0 178);
  --color-charcoal-100: oklch(0.93 0 178);
  --color-charcoal-200: oklch(0.86 0.01 178);
  --color-charcoal-300: oklch(0.76 0.02 178);
  --color-charcoal-400: oklch(0.65 0.02 178);
  --color-charcoal-500: oklch(0.38 0.03 178);
  --color-charcoal-600: oklch(0.33 0.03 178);
  --color-charcoal-700: oklch(0.27 0.02 178);
  --color-charcoal-800: oklch(0.22 0.02 178);
  --color-charcoal-900: oklch(0.18 0.01 178);
  --color-charcoal-950: oklch(0.15 0.01 178);
  --color-chartreuse-50: oklch(0.98 0.01 110);
  --color-chartreuse-100: oklch(0.96 0.05 110);
  --color-chartreuse-200: oklch(0.93 0.1 110);
  --color-chartreuse-300: oklch(0.9 0.16 110);
  --color-chartreuse-400: oklch(0.85 0.22 110);
  --color-chartreuse-500: oklch(0.8 0.25 110);
  --color-chartreuse-600: oklch(0.7 0.24 110);
  --color-chartreuse-700: oklch(0.58 0.22 110);
  --color-chartreuse-800: oklch(0.45 0.18 110);
  --color-chartreuse-900: oklch(0.3 0.12 110);
  --color-chartreuse-950: oklch(0.2 0.08 110);
  --color-cobalt-50: oklch(0.97 0.01 257);
  --color-cobalt-100: oklch(0.94 0.02 257);
  --color-cobalt-200: oklch(0.87 0.06 257);
  --color-cobalt-300: oklch(0.78 0.09 257);
  --color-cobalt-400: oklch(0.67 0.13 257);
  --color-cobalt-500: oklch(0.43 0.16 257);
  --color-cobalt-600: oklch(0.37 0.14 257);
  --color-cobalt-700: oklch(0.3 0.12 257);
  --color-cobalt-800: oklch(0.24 0.09 257);
  --color-cobalt-900: oklch(0.19 0.06 257);
  --color-cobalt-950: oklch(0.15 0.04 257);
  --color-coral-50: oklch(0.97 0.01 70);
  --color-coral-100: oklch(0.96 0.02 70);
  --color-coral-200: oklch(0.94 0.05 70);
  --color-coral-300: oklch(0.92 0.08 70);
  --color-coral-400: oklch(0.89 0.11 70);
  --color-coral-500: oklch(0.83 0.13 70);
  --color-coral-600: oklch(0.68 0.11 70);
  --color-coral-700: oklch(0.52 0.09 70);
  --color-coral-800: oklch(0.38 0.07 70);
  --color-coral-900: oklch(0.26 0.05 70);
  --color-coral-950: oklch(0.17 0.03 70);
  --color-cream-50: oklch(0.97 0.01 95);
  --color-cream-100: oklch(0.93 0.02 95);
  --color-cream-200: oklch(0.85 0.04 95);
  --color-cream-300: oklch(0.75 0.06 95);
  --color-cream-400: oklch(0.65 0.08 95);
  --color-cream-500: oklch(0.55 0.1 95);
  --color-cream-600: oklch(0.45 0.1 95);
  --color-cream-700: oklch(0.35 0.08 95);
  --color-cream-800: oklch(0.25 0.06 95);
  --color-cream-900: oklch(0.18 0.04 95);
  --color-cream-950: oklch(0.12 0.03 95);
  --color-cyan-50: oklch(0.97 0.02 200);
  --color-cyan-100: oklch(0.93 0.05 200);
  --color-cyan-200: oklch(0.85 0.1 200);
  --color-cyan-300: oklch(0.75 0.16 200);
  --color-cyan-400: oklch(0.65 0.22 200);
  --color-cyan-500: oklch(0.55 0.24 200);
  --color-cyan-600: oklch(0.45 0.22 200);
  --color-cyan-700: oklch(0.35 0.18 200);
  --color-cyan-800: oklch(0.25 0.14 200);
  --color-cyan-900: oklch(0.18 0.1 200);
  --color-cyan-950: oklch(0.12 0.06 200);
  --color-emerald-50: oklch(0.97 0.01 161);
  --color-emerald-100: oklch(0.93 0.02 161);
  --color-emerald-200: oklch(0.85 0.06 161);
  --color-emerald-300: oklch(0.75 0.09 161);
  --color-emerald-400: oklch(0.65 0.12 161);
  --color-emerald-500: oklch(0.55 0.13 161);
  --color-emerald-600: oklch(0.45 0.12 161);
  --color-emerald-700: oklch(0.35 0.09 161);
  --color-emerald-800: oklch(0.25 0.07 161);
  --color-emerald-900: oklch(0.18 0.05 161);
  --color-emerald-950: oklch(0.12 0.03 161);
  --color-fuchsia-50: oklch(0.97 0.02 320);
  --color-fuchsia-100: oklch(0.93 0.05 320);
  --color-fuchsia-200: oklch(0.87 0.1 320);
  --color-fuchsia-300: oklch(0.8 0.17 320);
  --color-fuchsia-400: oklch(0.73 0.23 320);
  --color-fuchsia-500: oklch(0.65 0.26 320);
  --color-fuchsia-600: oklch(0.54 0.23 320);
  --color-fuchsia-700: oklch(0.42 0.19 320);
  --color-fuchsia-800: oklch(0.3 0.13 320);
  --color-fuchsia-900: oklch(0.19 0.09 320);
  --color-fuchsia-950: oklch(0.12 0.06 320);
  --color-gold-50: oklch(0.97 0.02 83);
  --color-gold-100: oklch(0.94 0.04 83);
  --color-gold-200: oklch(0.9 0.08 83);
  --color-gold-300: oklch(0.86 0.14 83);
  --color-gold-400: oklch(0.8 0.18 83);
  --color-gold-500: oklch(0.73 0.22 83);
  --color-gold-600: oklch(0.62 0.2 83);
  --color-gold-700: oklch(0.49 0.18 83);
  --color-gold-800: oklch(0.36 0.14 83);
  --color-gold-900: oklch(0.23 0.1 83);
  --color-gold-950: oklch(0.14 0.06 83);
  --color-green-50: oklch(0.97 0.02 140);
  --color-green-100: oklch(0.94 0.04 140);
  --color-green-200: oklch(0.88 0.08 140);
  --color-green-300: oklch(0.78 0.14 140);
  --color-green-400: oklch(0.68 0.2 140);
  --color-green-500: oklch(0.58 0.25 140);
  --color-green-600: oklch(0.5 0.25 140);
  --color-green-700: oklch(0.42 0.22 140);
  --color-green-800: oklch(0.35 0.18 140);
  --color-green-900: oklch(0.28 0.14 140);
  --color-green-950: oklch(0.18 0.1 140);
  --color-honey-50: oklch(0.97 0.02 100);
  --color-honey-100: oklch(0.94 0.04 100);
  --color-honey-200: oklch(0.88 0.08 100);
  --color-honey-300: oklch(0.83 0.12 100);
  --color-honey-400: oklch(0.76 0.16 100);
  --color-honey-500: oklch(0.68 0.18 100);
  --color-honey-600: oklch(0.57 0.16 100);
  --color-honey-700: oklch(0.45 0.14 100);
  --color-honey-800: oklch(0.32 0.1 100);
  --color-honey-900: oklch(0.2 0.07 100);
  --color-honey-950: oklch(0.13 0.04 100);
  --color-indigo-50: oklch(0.97 0.02 260);
  --color-indigo-100: oklch(0.93 0.05 260);
  --color-indigo-200: oklch(0.85 0.1 260);
  --color-indigo-300: oklch(0.75 0.18 260);
  --color-indigo-400: oklch(0.65 0.24 260);
  --color-indigo-500: oklch(0.55 0.26 260);
  --color-indigo-600: oklch(0.45 0.24 260);
  --color-indigo-700: oklch(0.35 0.2 260);
  --color-indigo-800: oklch(0.25 0.14 260);
  --color-indigo-900: oklch(0.18 0.1 260);
  --color-indigo-950: oklch(0.12 0.06 260);
  --color-lime-50: oklch(0.97 0.02 120);
  --color-lime-100: oklch(0.93 0.05 120);
  --color-lime-200: oklch(0.85 0.1 120);
  --color-lime-300: oklch(0.75 0.16 120);
  --color-lime-400: oklch(0.65 0.22 120);
  --color-lime-500: oklch(0.55 0.24 120);
  --color-lime-600: oklch(0.45 0.22 120);
  --color-lime-700: oklch(0.35 0.18 120);
  --color-lime-800: oklch(0.25 0.14 120);
  --color-lime-900: oklch(0.18 0.1 120);
  --color-lime-950: oklch(0.12 0.06 120);
  --color-mustard-50: oklch(0.97 0.02 87);
  --color-mustard-100: oklch(0.93 0.06 87);
  --color-mustard-200: oklch(0.85 0.12 87);
  --color-mustard-300: oklch(0.75 0.18 87);
  --color-mustard-400: oklch(0.65 0.24 87);
  --color-mustard-500: oklch(0.55 0.26 87);
  --color-mustard-600: oklch(0.45 0.24 87);
  --color-mustard-700: oklch(0.35 0.2 87);
  --color-mustard-800: oklch(0.25 0.14 87);
  --color-mustard-900: oklch(0.18 0.1 87);
  --color-mustard-950: oklch(0.12 0.06 87);
  --color-navy-50: oklch(0.97 0.01 255);
  --color-navy-100: oklch(0.91 0.01 255);
  --color-navy-200: oklch(0.81 0.03 255);
  --color-navy-300: oklch(0.69 0.05 255);
  --color-navy-400: oklch(0.53 0.07 255);
  --color-navy-500: oklch(0.24 0.08 255);
  --color-navy-600: oklch(0.22 0.07 255);
  --color-navy-700: oklch(0.2 0.06 255);
  --color-navy-800: oklch(0.17 0.04 255);
  --color-navy-900: oklch(0.16 0.03 255);
  --color-navy-950: oklch(0.15 0.02 255);
  --color-neutral-cool-50: oklch(0.97 0.01 240);
  --color-neutral-cool-100: oklch(0.93 0.01 240);
  --color-neutral-cool-200: oklch(0.85 0.01 240);
  --color-neutral-cool-300: oklch(0.75 0.01 240);
  --color-neutral-cool-400: oklch(0.65 0.01 240);
  --color-neutral-cool-500: oklch(0.55 0.01 240);
  --color-neutral-cool-600: oklch(0.45 0.01 240);
  --color-neutral-cool-700: oklch(0.35 0.01 240);
  --color-neutral-cool-800: oklch(0.25 0.01 240);
  --color-neutral-cool-900: oklch(0.18 0.01 240);
  --color-neutral-cool-950: oklch(0.12 0.01 240);
  --color-neutral-warm-50: oklch(0.97 0.01 40);
  --color-neutral-warm-100: oklch(0.93 0.01 40);
  --color-neutral-warm-200: oklch(0.85 0.01 40);
  --color-neutral-warm-300: oklch(0.75 0.01 40);
  --color-neutral-warm-400: oklch(0.65 0.01 40);
  --color-neutral-warm-500: oklch(0.55 0.01 40);
  --color-neutral-warm-600: oklch(0.45 0.01 40);
  --color-neutral-warm-700: oklch(0.35 0.01 40);
  --color-neutral-warm-800: oklch(0.25 0.01 40);
  --color-neutral-warm-900: oklch(0.18 0.01 40);
  --color-neutral-warm-950: oklch(0.12 0.01 40);
  --color-neutral-0: oklch(1 0 0);
  --color-neutral-25: oklch(0.985 0 0);
  --color-neutral-50: oklch(0.97 0 0);
  --color-neutral-75: oklch(0.95 0 0);
  --color-neutral-100: oklch(0.93 0 0);
  --color-neutral-150: oklch(0.9 0 0);
  --color-neutral-200: oklch(0.85 0 0);
  --color-neutral-250: oklch(0.8 0 0);
  --color-neutral-300: oklch(0.75 0 0);
  --color-neutral-350: oklch(0.7 0 0);
  --color-neutral-400: oklch(0.65 0 0);
  --color-neutral-450: oklch(0.58 0 0);
  --color-neutral-500: oklch(0.55 0 0);
  --color-neutral-550: oklch(0.5 0 0);
  --color-neutral-600: oklch(0.45 0 0);
  --color-neutral-650: oklch(0.4 0 0);
  --color-neutral-700: oklch(0.35 0 0);
  --color-neutral-750: oklch(0.3 0 0);
  --color-neutral-800: oklch(0.25 0 0);
  --color-neutral-850: oklch(0.21 0 0);
  --color-neutral-900: oklch(0.18 0 0);
  --color-neutral-950: oklch(0.12 0 0);
  --color-neutral-1000: oklch(0 0 0);
  --color-ochre-50: oklch(0.97 0.02 84);
  --color-ochre-100: oklch(0.95 0.03 84);
  --color-ochre-200: oklch(0.91 0.07 84);
  --color-ochre-300: oklch(0.86 0.12 84);
  --color-ochre-400: oklch(0.79 0.17 84);
  --color-ochre-500: oklch(0.65 0.21 84);
  --color-ochre-600: oklch(0.54 0.19 84);
  --color-ochre-700: oklch(0.42 0.16 84);
  --color-ochre-800: oklch(0.32 0.12 84);
  --color-ochre-900: oklch(0.23 0.08 84);
  --color-ochre-950: oklch(0.17 0.05 84);
  --color-olive-50: oklch(0.97 0.02 114);
  --color-olive-100: oklch(0.95 0.03 114);
  --color-olive-200: oklch(0.9 0.08 114);
  --color-olive-300: oklch(0.83 0.13 114);
  --color-olive-400: oklch(0.76 0.18 114);
  --color-olive-500: oklch(0.58 0.23 114);
  --color-olive-600: oklch(0.48 0.21 114);
  --color-olive-700: oklch(0.38 0.17 114);
  --color-olive-800: oklch(0.29 0.13 114);
  --color-olive-900: oklch(0.22 0.09 114);
  --color-olive-950: oklch(0.16 0.06 114);
  --color-orange-50: oklch(0.97 0.02 45);
  --color-orange-100: oklch(0.93 0.05 45);
  --color-orange-200: oklch(0.85 0.1 45);
  --color-orange-300: oklch(0.75 0.16 45);
  --color-orange-400: oklch(0.65 0.2 45);
  --color-orange-500: oklch(0.55 0.22 45);
  --color-orange-600: oklch(0.45 0.2 45);
  --color-orange-700: oklch(0.35 0.16 45);
  --color-orange-800: oklch(0.25 0.12 45);
  --color-orange-900: oklch(0.18 0.08 45);
  --color-orange-950: oklch(0.12 0.05 45);
  --color-p3-brand-primary: oklch(0.62 0.28 160);
  --color-p3-brand-secondary: oklch(0.55 0.3 300);
  --color-p3-decorative-coral: oklch(0.65 0.24 25);
  --color-p3-decorative-cyan: oklch(0.72 0.2 200);
  --color-p3-decorative-amber: oklch(0.78 0.22 80);
  --color-p3-feedback-success: oklch(0.72 0.24 155);
  --color-p3-feedback-warning: oklch(0.8 0.23 85);
  --color-p3-feedback-error: oklch(0.63 0.26 20);
  --color-p3-feedback-info: oklch(0.7 0.22 235);
  --color-p3-chart-categorical-1: oklch(0.66 0.26 250);
  --color-p3-chart-categorical-2: oklch(0.75 0.24 55);
  --color-p3-chart-categorical-3: oklch(0.71 0.25 145);
  --color-p3-chart-categorical-4: oklch(0.64 0.26 25);
  --color-p3-chart-categorical-5: oklch(0.62 0.25 300);
  --color-p3-chart-categorical-6: oklch(0.74 0.23 205);
  --color-p3-chart-categorical-7: oklch(0.68 0.25 345);
  --color-p3-chart-categorical-8: oklch(0.7 0.24 160);
  --color-p3-chart-categorical-9: oklch(0.79 0.23 85);
  --color-p3-chart-categorical-10: oklch(0.58 0.24 275);
  --color-p3-chart-categorical-11: oklch(0.72 0.2 185);
  --color-p3-chart-categorical-12: oklch(0.65 0.24 15);
  --color-peach-50: oklch(0.97 0.01 40);
  --color-peach-100: oklch(0.96 0.02 40);
  --color-peach-200: oklch(0.94 0.03 40);
  --color-peach-300: oklch(0.92 0.05 40);
  --color-peach-400: oklch(0.89 0.07 40);
  --color-peach-500: oklch(0.84 0.09 40);
  --color-peach-600: oklch(0.69 0.08 40);
  --color-peach-700: oklch(0.52 0.06 40);
  --color-peach-800: oklch(0.39 0.05 40);
  --color-peach-900: oklch(0.27 0.03 40);
  --color-peach-950: oklch(0.18 0.02 40);
  --color-petrol-50: oklch(0.97 0.01 221);
  --color-petrol-100: oklch(0.93 0.01 221);
  --color-petrol-200: oklch(0.86 0.03 221);
  --color-petrol-300: oklch(0.77 0.05 221);
  --color-petrol-400: oklch(0.66 0.07 221);
  --color-petrol-500: oklch(0.45 0.08 221);
  --color-petrol-600: oklch(0.38 0.07 221);
  --color-petrol-700: oklch(0.31 0.06 221);
  --color-petrol-800: oklch(0.25 0.04 221);
  --color-petrol-900: oklch(0.2 0.03 221);
  --color-petrol-950: oklch(0.16 0.02 221);
  --color-pink-50: oklch(0.97 0.02 340);
  --color-pink-100: oklch(0.93 0.05 340);
  --color-pink-200: oklch(0.85 0.1 340);
  --color-pink-300: oklch(0.75 0.18 340);
  --color-pink-400: oklch(0.65 0.24 340);
  --color-pink-500: oklch(0.55 0.26 340);
  --color-pink-600: oklch(0.45 0.24 340);
  --color-pink-700: oklch(0.35 0.2 340);
  --color-pink-800: oklch(0.25 0.14 340);
  --color-pink-900: oklch(0.18 0.1 340);
  --color-pink-950: oklch(0.12 0.06 340);
  --color-purple-50: oklch(0.97 0.02 300);
  --color-purple-100: oklch(0.93 0.05 300);
  --color-purple-200: oklch(0.85 0.1 300);
  --color-purple-300: oklch(0.75 0.18 300);
  --color-purple-400: oklch(0.65 0.24 300);
  --color-purple-500: oklch(0.55 0.26 300);
  --color-purple-600: oklch(0.45 0.24 300);
  --color-purple-700: oklch(0.35 0.2 300);
  --color-purple-800: oklch(0.25 0.14 300);
  --color-purple-900: oklch(0.18 0.1 300);
  --color-purple-950: oklch(0.12 0.06 300);
  --color-red-50: oklch(0.97 0.02 25);
  --color-red-100: oklch(0.94 0.04 25);
  --color-red-200: oklch(0.88 0.08 25);
  --color-red-300: oklch(0.78 0.14 25);
  --color-red-400: oklch(0.68 0.2 25);
  --color-red-500: oklch(0.58 0.25 25);
  --color-red-600: oklch(0.5 0.25 25);
  --color-red-700: oklch(0.42 0.22 25);
  --color-red-800: oklch(0.35 0.18 25);
  --color-red-900: oklch(0.28 0.14 25);
  --color-red-950: oklch(0.18 0.1 25);
  --color-rose-50: oklch(0.97 0.02 10);
  --color-rose-100: oklch(0.93 0.04 10);
  --color-rose-200: oklch(0.85 0.1 10);
  --color-rose-300: oklch(0.75 0.16 10);
  --color-rose-400: oklch(0.65 0.2 10);
  --color-rose-500: oklch(0.55 0.2 10);
  --color-rose-600: oklch(0.45 0.18 10);
  --color-rose-700: oklch(0.35 0.16 10);
  --color-rose-800: oklch(0.25 0.12 10);
  --color-rose-900: oklch(0.18 0.08 10);
  --color-rose-950: oklch(0.12 0.05 10);
  --color-rosewood-50: oklch(0.97 0.01 44);
  --color-rosewood-100: oklch(0.93 0.02 44);
  --color-rosewood-200: oklch(0.85 0.05 44);
  --color-rosewood-300: oklch(0.74 0.07 44);
  --color-rosewood-400: oklch(0.61 0.1 44);
  --color-rosewood-500: oklch(0.32 0.13 44);
  --color-rosewood-600: oklch(0.28 0.12 44);
  --color-rosewood-700: oklch(0.24 0.1 44);
  --color-rosewood-800: oklch(0.2 0.07 44);
  --color-rosewood-900: oklch(0.17 0.05 44);
  --color-rosewood-950: oklch(0.15 0.03 44);
  --color-saffron-50: oklch(0.97 0.02 103);
  --color-saffron-100: oklch(0.95 0.04 103);
  --color-saffron-200: oklch(0.92 0.1 103);
  --color-saffron-300: oklch(0.88 0.16 103);
  --color-saffron-400: oklch(0.85 0.23 103);
  --color-saffron-500: oklch(0.84 0.29 103);
  --color-saffron-600: oklch(0.69 0.26 103);
  --color-saffron-700: oklch(0.52 0.22 103);
  --color-saffron-800: oklch(0.39 0.16 103);
  --color-saffron-900: oklch(0.27 0.11 103);
  --color-saffron-950: oklch(0.18 0.07 103);
  --color-sage-50: oklch(0.97 0.01 130);
  --color-sage-100: oklch(0.94 0.03 130);
  --color-sage-200: oklch(0.89 0.06 130);
  --color-sage-300: oklch(0.84 0.08 130);
  --color-sage-400: oklch(0.79 0.1 130);
  --color-sage-500: oklch(0.73 0.08 130);
  --color-sage-600: oklch(0.62 0.07 130);
  --color-sage-700: oklch(0.5 0.06 130);
  --color-sage-800: oklch(0.37 0.04 130);
  --color-sage-900: oklch(0.24 0.03 130);
  --color-sage-950: oklch(0.15 0.02 130);
  --color-sand-50: oklch(0.97 0.01 107);
  --color-sand-100: oklch(0.95 0.01 107);
  --color-sand-200: oklch(0.92 0.02 107);
  --color-sand-300: oklch(0.88 0.04 107);
  --color-sand-400: oklch(0.85 0.06 107);
  --color-sand-500: oklch(0.77 0.07 107);
  --color-sand-600: oklch(0.63 0.06 107);
  --color-sand-700: oklch(0.49 0.05 107);
  --color-sand-800: oklch(0.36 0.04 107);
  --color-sand-900: oklch(0.25 0.03 107);
  --color-sand-950: oklch(0.17 0.02 107);
  --color-sienna-50: oklch(0.97 0.01 37);
  --color-sienna-100: oklch(0.93 0.03 37);
  --color-sienna-200: oklch(0.86 0.06 37);
  --color-sienna-300: oklch(0.78 0.1 37);
  --color-sienna-400: oklch(0.68 0.14 37);
  --color-sienna-500: oklch(0.48 0.17 37);
  --color-sienna-600: oklch(0.41 0.15 37);
  --color-sienna-700: oklch(0.33 0.12 37);
  --color-sienna-800: oklch(0.26 0.09 37);
  --color-sienna-900: oklch(0.2 0.06 37);
  --color-sienna-950: oklch(0.16 0.04 37);
  --color-sky-50: oklch(0.97 0.01 220);
  --color-sky-100: oklch(0.93 0.03 220);
  --color-sky-200: oklch(0.85 0.07 220);
  --color-sky-300: oklch(0.75 0.12 220);
  --color-sky-400: oklch(0.65 0.16 220);
  --color-sky-500: oklch(0.55 0.16 220);
  --color-sky-600: oklch(0.45 0.15 220);
  --color-sky-700: oklch(0.35 0.12 220);
  --color-sky-800: oklch(0.25 0.09 220);
  --color-sky-900: oklch(0.18 0.06 220);
  --color-sky-950: oklch(0.12 0.04 220);
  --color-teal-50: oklch(0.97 0.02 180);
  --color-teal-100: oklch(0.93 0.04 180);
  --color-teal-200: oklch(0.85 0.1 180);
  --color-teal-300: oklch(0.75 0.16 180);
  --color-teal-400: oklch(0.65 0.2 180);
  --color-teal-500: oklch(0.55 0.22 180);
  --color-teal-600: oklch(0.45 0.2 180);
  --color-teal-700: oklch(0.35 0.16 180);
  --color-teal-800: oklch(0.25 0.12 180);
  --color-teal-900: oklch(0.18 0.08 180);
  --color-teal-950: oklch(0.12 0.05 180);
  --color-terracotta-50: oklch(0.97 0.01 31);
  --color-terracotta-100: oklch(0.94 0.03 31);
  --color-terracotta-200: oklch(0.89 0.06 31);
  --color-terracotta-300: oklch(0.83 0.1 31);
  --color-terracotta-400: oklch(0.74 0.13 31);
  --color-terracotta-500: oklch(0.59 0.16 31);
  --color-terracotta-600: oklch(0.49 0.14 31);
  --color-terracotta-700: oklch(0.39 0.12 31);
  --color-terracotta-800: oklch(0.3 0.09 31);
  --color-terracotta-900: oklch(0.22 0.06 31);
  --color-terracotta-950: oklch(0.16 0.04 31);
  --color-turquoise-50: oklch(0.97 0.02 164);
  --color-turquoise-100: oklch(0.95 0.04 164);
  --color-turquoise-200: oklch(0.91 0.08 164);
  --color-turquoise-300: oklch(0.87 0.12 164);
  --color-turquoise-400: oklch(0.85 0.15 164);
  --color-turquoise-500: oklch(0.82 0.17 164);
  --color-turquoise-600: oklch(0.7 0.15 164);
  --color-turquoise-700: oklch(0.56 0.12 164);
  --color-turquoise-800: oklch(0.42 0.09 164);
  --color-turquoise-900: oklch(0.28 0.06 164);
  --color-turquoise-950: oklch(0.17 0.04 164);
  --color-violet-50: oklch(0.97 0.02 280);
  --color-violet-100: oklch(0.93 0.05 280);
  --color-violet-200: oklch(0.85 0.1 280);
  --color-violet-300: oklch(0.75 0.18 280);
  --color-violet-400: oklch(0.65 0.24 280);
  --color-violet-500: oklch(0.55 0.26 280);
  --color-violet-600: oklch(0.45 0.24 280);
  --color-violet-700: oklch(0.35 0.2 280);
  --color-violet-800: oklch(0.25 0.14 280);
  --color-violet-900: oklch(0.18 0.1 280);
  --color-violet-950: oklch(0.12 0.06 280);
  --color-yellow-lime-50: oklch(0.97 0.02 106);
  --color-yellow-lime-100: oklch(0.96 0.04 106);
  --color-yellow-lime-200: oklch(0.93 0.08 106);
  --color-yellow-lime-300: oklch(0.9 0.12 106);
  --color-yellow-lime-400: oklch(0.86 0.16 106);
  --color-yellow-lime-500: oklch(0.79 0.2 106);
  --color-yellow-lime-600: oklch(0.65 0.18 106);
  --color-yellow-lime-700: oklch(0.5 0.14 106);
  --color-yellow-lime-800: oklch(0.37 0.11 106);
  --color-yellow-lime-900: oklch(0.26 0.08 106);
  --color-yellow-lime-950: oklch(0.17 0.05 106);
  --color-yellow-50: oklch(0.97 0.02 95);
  --color-yellow-100: oklch(0.94 0.04 95);
  --color-yellow-200: oklch(0.88 0.08 95);
  --color-yellow-300: oklch(0.78 0.14 95);
  --color-yellow-400: oklch(0.68 0.2 95);
  --color-yellow-500: oklch(0.58 0.25 95);
  --color-yellow-600: oklch(0.5 0.25 95);
  --color-yellow-700: oklch(0.42 0.22 95);
  --color-yellow-800: oklch(0.35 0.18 95);
  --color-yellow-900: oklch(0.28 0.14 95);
  --color-yellow-950: oklch(0.18 0.1 95);
  --color-accessibility-focus-ring-high-contrast: var(--color-neutral-950);
  --color-accessibility-focus-ring-width-high-contrast: 0.1875rem;
  --color-accessibility-focus-ring-offset-high-contrast: 0.125rem;
  --color-border-transparent: var(--color-alpha-black-0);
  --color-border-default: light-dark(var(--color-neutral-200), var(--color-neutral-700));
  --color-border-muted: light-dark(var(--color-neutral-100), var(--color-neutral-800));
  --color-border-subtle: light-dark(var(--color-neutral-50), var(--color-neutral-850));
  --color-border-emphasized: light-dark(var(--color-neutral-700), var(--color-neutral-650));
  --color-border-strong: var(--color-border-interactive-active);
  --color-border-focus: var(--color-brand-primary-default);
  --color-border-focus-ring: var(--color-brand-primary-focus);
  --color-border-focus-inner: light-dark(var(--color-neutral-25), var(--color-neutral-950));
  --color-border-focus-within: light-dark(var(--color-brand-primary-default), var(--color-brand-primary-500));
  --color-border-disabled: light-dark(var(--color-neutral-100), var(--color-neutral-800));
  --color-border-interactive-hover: light-dark(var(--color-neutral-200), var(--color-neutral-600));
  --color-border-interactive-active: light-dark(var(--color-neutral-300), var(--color-neutral-500));
  --color-border-input: light-dark(var(--color-neutral-200), var(--color-neutral-700));
  --color-border-input-hover: light-dark(var(--color-neutral-300), var(--color-neutral-600));
  --color-border-input-focus: var(--color-brand-primary-default);
  --color-border-input-error: light-dark(var(--color-rose-500), var(--color-feedback-error-inverse));
  --color-border-separator: light-dark(var(--color-neutral-100), var(--color-neutral-800));
  --color-border-separator-emphasized: var(--color-neutral-300);
  --color-border-warning: light-dark(var(--color-amber-500), var(--color-amber-700));
  --color-border-success: light-dark(var(--color-lime-500), var(--color-lime-700));
  --color-border-error: light-dark(var(--color-rose-500), var(--color-rose-700));
  --color-border-info: light-dark(var(--color-sky-500), var(--color-sky-700));
  --color-border-table: light-dark(var(--color-neutral-100), var(--color-neutral-800));
  --color-border-scrollbar-thumb: var(--color-neutral-400);
  --color-border-scrollbar-thumb-hover: var(--color-border-interactive-active);
  --color-brand-primary-50: var(--color-emerald-50);
  --color-brand-primary-100: var(--color-emerald-100);
  --color-brand-primary-200: var(--color-emerald-200);
  --color-brand-primary-300: var(--color-emerald-300);
  --color-brand-primary-400: var(--color-emerald-400);
  --color-brand-primary-500: var(--color-emerald-500);
  --color-brand-primary-600: var(--color-emerald-600);
  --color-brand-primary-700: var(--color-emerald-700);
  --color-brand-primary-800: var(--color-emerald-800);
  --color-brand-primary-900: var(--color-emerald-900);
  --color-brand-primary-950: var(--color-emerald-950);
  --color-brand-primary-default: var(--color-emerald-500);
  --color-brand-primary-hover: var(--color-brand-primary-600);
  --color-brand-primary-active: var(--color-emerald-700);
  --color-brand-primary-focus: var(--color-emerald-300);
  --color-brand-primary-selected: var(--color-emerald-100);
  --color-brand-primary-inverse: var(--color-emerald-300);
  --color-brand-primary-disabled: var(--color-neutral-300);
  --color-brand-primary-background-subtle: var(--color-brand-primary-50);
  --color-brand-primary-text-default: var(--color-emerald-700);
  --color-brand-secondary-50: var(--color-amber-50);
  --color-brand-secondary-100: var(--color-amber-100);
  --color-brand-secondary-200: var(--color-amber-200);
  --color-brand-secondary-300: var(--color-amber-300);
  --color-brand-secondary-400: var(--color-amber-400);
  --color-brand-secondary-500: var(--color-amber-500);
  --color-brand-secondary-600: var(--color-amber-600);
  --color-brand-secondary-700: var(--color-amber-700);
  --color-brand-secondary-800: var(--color-amber-800);
  --color-brand-secondary-900: var(--color-amber-900);
  --color-brand-secondary-950: var(--color-amber-950);
  --color-brand-secondary-default: var(--color-amber-500);
  --color-brand-secondary-hover: var(--color-amber-600);
  --color-brand-secondary-active: var(--color-brand-secondary-700);
  --color-brand-secondary-focus: var(--color-brand-secondary-400);
  --color-brand-secondary-selected: var(--color-amber-100);
  --color-brand-secondary-inverse: var(--color-amber-300);
  --color-brand-secondary-disabled: var(--color-neutral-300);
  --color-brand-secondary-background-subtle: var(--color-amber-50);
  --color-brand-secondary-text-default: var(--color-amber-800);
  --color-brand-tertiary-50: var(--color-rose-50);
  --color-brand-tertiary-100: var(--color-rose-100);
  --color-brand-tertiary-200: var(--color-rose-200);
  --color-brand-tertiary-300: var(--color-rose-300);
  --color-brand-tertiary-400: var(--color-rose-400);
  --color-brand-tertiary-500: var(--color-rose-500);
  --color-brand-tertiary-600: var(--color-rose-600);
  --color-brand-tertiary-700: var(--color-rose-700);
  --color-brand-tertiary-800: var(--color-rose-800);
  --color-brand-tertiary-900: var(--color-rose-900);
  --color-brand-tertiary-950: var(--color-rose-950);
  --color-brand-tertiary-default: var(--color-rose-500);
  --color-brand-tertiary-hover: var(--color-rose-600);
  --color-brand-tertiary-active: var(--color-rose-700);
  --color-brand-tertiary-focus: var(--color-rose-400);
  --color-brand-tertiary-selected: var(--color-rose-100);
  --color-brand-tertiary-inverse: var(--color-rose-300);
  --color-brand-tertiary-disabled: var(--color-neutral-300);
  --color-brand-tertiary-background-subtle: var(--color-rose-50);
  --color-brand-tertiary-text-default: var(--color-rose-700);
  --color-chart-categorical-1: light-dark(var(--color-blue-600), var(--color-blue-400));
  --color-chart-categorical-2: light-dark(var(--color-orange-600), var(--color-orange-400));
  --color-chart-categorical-3: light-dark(var(--color-green-600), var(--color-green-400));
  --color-chart-categorical-4: light-dark(var(--color-red-600), var(--color-red-400));
  --color-chart-categorical-5: light-dark(var(--color-purple-600), var(--color-purple-400));
  --color-chart-categorical-6: light-dark(var(--color-cyan-600), var(--color-cyan-400));
  --color-chart-categorical-7: light-dark(var(--color-pink-600), var(--color-pink-400));
  --color-chart-categorical-8: light-dark(var(--color-emerald-600), var(--color-emerald-400));
  --color-chart-categorical-9: light-dark(var(--color-amber-600), var(--color-amber-400));
  --color-chart-categorical-10: light-dark(var(--color-indigo-600), var(--color-indigo-400));
  --color-chart-categorical-11: light-dark(var(--color-teal-600), var(--color-teal-400));
  --color-chart-categorical-12: light-dark(var(--color-rose-600), var(--color-rose-400));
  --color-chart-sequential-blue-1: light-dark(var(--color-blue-100), var(--color-blue-900));
  --color-chart-sequential-blue-2: light-dark(var(--color-blue-300), var(--color-blue-700));
  --color-chart-sequential-blue-3: var(--color-blue-500);
  --color-chart-sequential-blue-4: light-dark(var(--color-blue-600), var(--color-blue-400));
  --color-chart-sequential-blue-5: light-dark(var(--color-blue-700), var(--color-blue-300));
  --color-chart-sequential-green-1: light-dark(var(--color-green-100), var(--color-green-900));
  --color-chart-sequential-green-2: light-dark(var(--color-green-300), var(--color-green-700));
  --color-chart-sequential-green-3: var(--color-green-500);
  --color-chart-sequential-green-4: light-dark(var(--color-green-600), var(--color-green-400));
  --color-chart-sequential-green-5: light-dark(var(--color-green-700), var(--color-green-300));
  --color-chart-sequential-purple-1: light-dark(var(--color-purple-100), var(--color-purple-900));
  --color-chart-sequential-purple-2: light-dark(var(--color-purple-300), var(--color-purple-700));
  --color-chart-sequential-purple-3: var(--color-purple-500);
  --color-chart-sequential-purple-4: light-dark(var(--color-purple-600), var(--color-purple-400));
  --color-chart-sequential-purple-5: light-dark(var(--color-purple-700), var(--color-purple-300));
  --color-chart-sequential-orange-1: light-dark(var(--color-orange-100), var(--color-orange-900));
  --color-chart-sequential-orange-2: light-dark(var(--color-orange-300), var(--color-orange-700));
  --color-chart-sequential-orange-3: var(--color-orange-500);
  --color-chart-sequential-orange-4: light-dark(var(--color-orange-600), var(--color-orange-400));
  --color-chart-sequential-orange-5: light-dark(var(--color-orange-700), var(--color-orange-300));
  --color-chart-sequential-emerald-1: light-dark(var(--color-emerald-100), var(--color-emerald-900));
  --color-chart-sequential-emerald-2: light-dark(var(--color-emerald-300), var(--color-emerald-700));
  --color-chart-sequential-emerald-3: var(--color-emerald-500);
  --color-chart-sequential-emerald-4: light-dark(var(--color-emerald-600), var(--color-emerald-400));
  --color-chart-sequential-emerald-5: light-dark(var(--color-emerald-700), var(--color-emerald-300));
  --color-chart-diverging-red-blue-negative-strong: light-dark(var(--color-red-600), var(--color-red-400));
  --color-chart-diverging-red-blue-negative-medium: var(--color-red-500);
  --color-chart-diverging-red-blue-negative-weak: light-dark(var(--color-red-400), var(--color-red-600));
  --color-chart-diverging-red-blue-neutral: var(--color-neutral-200);
  --color-chart-diverging-red-blue-positive-weak: light-dark(var(--color-blue-400), var(--color-blue-600));
  --color-chart-diverging-red-blue-positive-medium: var(--color-blue-500);
  --color-chart-diverging-red-blue-positive-strong: light-dark(var(--color-blue-600), var(--color-blue-400));
  --color-chart-diverging-red-green-negative-strong: light-dark(var(--color-red-600), var(--color-red-400));
  --color-chart-diverging-red-green-negative-medium: var(--color-red-500);
  --color-chart-diverging-red-green-negative-weak: light-dark(var(--color-red-400), var(--color-red-600));
  --color-chart-diverging-red-green-neutral: var(--color-neutral-200);
  --color-chart-diverging-red-green-positive-weak: light-dark(var(--color-green-400), var(--color-green-600));
  --color-chart-diverging-red-green-positive-medium: var(--color-green-500);
  --color-chart-diverging-red-green-positive-strong: light-dark(var(--color-green-600), var(--color-green-400));
  --color-chart-diverging-orange-purple-negative-strong: light-dark(var(--color-orange-600), var(--color-orange-400));
  --color-chart-diverging-orange-purple-negative-medium: var(--color-orange-500);
  --color-chart-diverging-orange-purple-negative-weak: light-dark(var(--color-orange-400), var(--color-orange-600));
  --color-chart-diverging-orange-purple-neutral: var(--color-neutral-200);
  --color-chart-diverging-orange-purple-positive-weak: light-dark(var(--color-purple-400), var(--color-purple-600));
  --color-chart-diverging-orange-purple-positive-medium: var(--color-purple-500);
  --color-chart-diverging-orange-purple-positive-strong: light-dark(var(--color-purple-600), var(--color-purple-400));
  --color-chart-base-grid: var(--color-border-muted);
  --color-chart-base-axis: var(--color-border-default);
  --color-chart-base-label: var(--color-text-muted);
  --color-chart-base-annotation: var(--color-text-default);
  --color-chart-base-reference-line: var(--color-border-emphasized);
  --color-chart-base-zero-baseline: var(--color-neutral-300);
  --color-chart-base-null: var(--color-neutral-100);
  --color-chart-tooltip-background: var(--color-surface-inverse);
  --color-chart-tooltip-text: var(--color-text-inverse);
  --color-chart-threshold-low: var(--color-feedback-success-default);
  --color-chart-threshold-medium: var(--color-feedback-warning-default);
  --color-chart-threshold-high: var(--color-feedback-error-default);
  --color-chart-bar-primary: var(--color-chart-categorical-1);
  --color-chart-bar-secondary: var(--color-chart-categorical-2);
  --color-chart-line-primary: var(--color-chart-categorical-1);
  --color-chart-line-secondary: var(--color-chart-categorical-2);
  --color-chart-area-primary: var(--color-chart-categorical-1);
  --color-chart-area-secondary: var(--color-chart-categorical-2);
  --color-chart-pie-primary: var(--color-chart-categorical-1);
  --color-chart-pie-secondary: var(--color-chart-categorical-2);
  --color-chart-colorblind-categorical-protanopia-1: var(--color-sky-500);
  --color-chart-colorblind-categorical-protanopia-2: var(--color-amber-500);
  --color-chart-colorblind-categorical-protanopia-3: var(--color-rose-700);
  --color-chart-colorblind-categorical-protanopia-4: var(--color-neutral-450);
  --color-chart-colorblind-categorical-protanopia-5: var(--color-indigo-800);
  --color-chart-colorblind-categorical-deuteranopia-1: var(--color-sky-600);
  --color-chart-colorblind-categorical-deuteranopia-2: var(--color-amber-600);
  --color-chart-colorblind-categorical-deuteranopia-3: var(--color-rose-800);
  --color-chart-colorblind-categorical-deuteranopia-4: var(--color-neutral-600);
  --color-chart-colorblind-categorical-deuteranopia-5: var(--color-indigo-900);
  --color-chart-colorblind-categorical-tritanopia-1: var(--color-emerald-500);
  --color-chart-colorblind-categorical-tritanopia-2: var(--color-rose-500);
  --color-chart-colorblind-categorical-tritanopia-3: var(--color-sky-700);
  --color-chart-colorblind-categorical-tritanopia-4: var(--color-neutral-400);
  --color-chart-colorblind-categorical-tritanopia-5: var(--color-amber-800);
  --color-decorative-purple-surface: light-dark(var(--color-purple-100), var(--color-purple-900));
  --color-decorative-purple-hover: var(--color-purple-200);
  --color-decorative-purple-active: var(--color-chart-sequential-purple-2);
  --color-decorative-purple-text: light-dark(var(--color-purple-800), var(--color-purple-200));
  --color-decorative-purple-icon: light-dark(var(--color-purple-600), var(--color-purple-400));
  --color-decorative-pink-surface: light-dark(var(--color-pink-100), var(--color-pink-900));
  --color-decorative-pink-hover: var(--color-pink-200);
  --color-decorative-pink-active: var(--color-pink-300);
  --color-decorative-pink-text: light-dark(var(--color-pink-800), var(--color-pink-200));
  --color-decorative-pink-icon: light-dark(var(--color-pink-600), var(--color-pink-400));
  --color-decorative-teal-surface: light-dark(var(--color-teal-100), var(--color-teal-900));
  --color-decorative-teal-hover: var(--color-teal-200);
  --color-decorative-teal-active: var(--color-teal-300);
  --color-decorative-teal-text: light-dark(var(--color-teal-800), var(--color-teal-200));
  --color-decorative-teal-icon: light-dark(var(--color-teal-600), var(--color-teal-400));
  --color-decorative-cyan-surface: var(--color-cyan-100);
  --color-decorative-cyan-hover: var(--color-cyan-200);
  --color-decorative-cyan-active: var(--color-cyan-300);
  --color-decorative-cyan-text: var(--color-syntax-variable);
  --color-decorative-cyan-icon: var(--color-chart-categorical-6);
  --color-decorative-indigo-surface: light-dark(var(--color-indigo-100), var(--color-indigo-900));
  --color-decorative-indigo-hover: var(--color-indigo-200);
  --color-decorative-indigo-active: var(--color-indigo-300);
  --color-decorative-indigo-text: light-dark(var(--color-indigo-800), var(--color-indigo-200));
  --color-decorative-indigo-icon: light-dark(var(--color-indigo-600), var(--color-indigo-400));
  --color-decorative-orange-surface: light-dark(var(--color-orange-100), var(--color-orange-900));
  --color-decorative-orange-hover: var(--color-orange-200);
  --color-decorative-orange-active: var(--color-chart-sequential-orange-2);
  --color-decorative-orange-text: light-dark(var(--color-orange-800), var(--color-orange-200));
  --color-decorative-orange-icon: light-dark(var(--color-orange-600), var(--color-orange-400));
  --color-decorative-amber-surface: var(--color-brand-secondary-selected);
  --color-decorative-amber-hover: var(--color-brand-secondary-200);
  --color-decorative-amber-active: var(--color-brand-secondary-inverse);
  --color-decorative-amber-text: var(--color-brand-secondary-text-default);
  --color-decorative-amber-icon: var(--color-chart-colorblind-categorical-protanopia-2);
  --color-decorative-lime-surface: var(--color-feedback-success-muted);
  --color-decorative-lime-hover: var(--color-lime-200);
  --color-decorative-lime-active: var(--color-feedback-success-border);
  --color-decorative-lime-text: var(--color-feedback-success-text);
  --color-decorative-lime-icon: var(--color-feedback-success-icon);
  --color-decorative-emerald-surface: light-dark(var(--color-emerald-100), var(--color-brand-primary-900));
  --color-decorative-emerald-hover: var(--color-brand-primary-200);
  --color-decorative-emerald-active: var(--color-chart-sequential-emerald-2);
  --color-decorative-emerald-text: light-dark(var(--color-emerald-800), var(--color-brand-primary-200));
  --color-decorative-emerald-icon: light-dark(var(--color-emerald-600), var(--color-brand-primary-400));
  --color-decorative-sky-surface: var(--color-feedback-info-muted);
  --color-decorative-sky-hover: var(--color-sky-200);
  --color-decorative-sky-active: var(--color-feedback-info-border);
  --color-decorative-sky-text: var(--color-chart-colorblind-categorical-tritanopia-3);
  --color-decorative-sky-icon: var(--color-feedback-info-default);
  --color-decorative-violet-surface: var(--color-violet-100);
  --color-decorative-violet-hover: var(--color-violet-200);
  --color-decorative-violet-active: var(--color-violet-300);
  --color-decorative-violet-text: var(--color-violet-700);
  --color-decorative-violet-icon: var(--color-violet-500);
  --color-decorative-rose-surface: light-dark(var(--color-rose-100), var(--color-brand-tertiary-900));
  --color-decorative-rose-hover: var(--color-brand-tertiary-200);
  --color-decorative-rose-active: var(--color-brand-tertiary-inverse);
  --color-decorative-rose-text: light-dark(var(--color-rose-800), var(--color-brand-tertiary-200));
  --color-decorative-rose-icon: light-dark(var(--color-rose-600), var(--color-brand-tertiary-400));
  --color-decorative-brown-surface: var(--color-brown-100);
  --color-decorative-brown-hover: var(--color-brown-200);
  --color-decorative-brown-active: var(--color-brown-300);
  --color-decorative-brown-text: var(--color-brown-700);
  --color-decorative-brown-icon: var(--color-brown-500);
  --color-decorative-cream-surface: var(--color-cream-100);
  --color-decorative-cream-hover: var(--color-cream-200);
  --color-decorative-cream-active: var(--color-cream-300);
  --color-decorative-cream-text: var(--color-cream-900);
  --color-decorative-cream-icon: var(--color-cream-500);
  --color-decorative-mustard-surface: var(--color-mustard-100);
  --color-decorative-mustard-hover: var(--color-mustard-200);
  --color-decorative-mustard-active: var(--color-mustard-300);
  --color-decorative-mustard-text: var(--color-mustard-700);
  --color-decorative-mustard-icon: var(--color-mustard-500);
  --color-decorative-blue-surface: light-dark(var(--color-blue-100), var(--color-blue-900));
  --color-decorative-blue-text: light-dark(var(--color-blue-800), var(--color-blue-200));
  --color-decorative-blue-icon: light-dark(var(--color-blue-600), var(--color-blue-400));
  --color-decorative-yellow-surface: light-dark(var(--color-yellow-100), var(--color-yellow-900));
  --color-decorative-yellow-text: light-dark(var(--color-yellow-800), var(--color-yellow-200));
  --color-decorative-yellow-icon: light-dark(var(--color-yellow-600), var(--color-yellow-400));
  --color-drag-ghost: light-dark(var(--color-neutral-150), var(--color-neutral-800));
  --color-drag-drop-target: light-dark(var(--color-neutral-100), var(--color-neutral-850));
  --color-emphasis-low: light-dark(var(--color-neutral-300), var(--color-neutral-400));
  --color-emphasis-medium: light-dark(var(--color-neutral-600), var(--color-neutral-300));
  --color-emphasis-high: light-dark(var(--color-neutral-850), var(--color-neutral-100));
  --color-feedback-success-default: var(--color-lime-500);
  --color-feedback-success-background: var(--color-feedback-success-muted);
  --color-feedback-success-muted: light-dark(var(--color-emerald-50), var(--color-emerald-950));
  --color-feedback-success-subtle: var(--color-lime-50);
  --color-feedback-success-text: light-dark(var(--color-neutral-900), var(--color-neutral-50));
  --color-feedback-success-border: light-dark(var(--color-lime-300), var(--color-lime-700));
  --color-feedback-success-icon: light-dark(var(--color-lime-600), var(--color-lime-400));
  --color-feedback-success-inverse: var(--color-feedback-success-border);
  --color-feedback-warning-default: var(--color-amber-500);
  --color-feedback-warning-background: var(--color-feedback-warning-muted);
  --color-feedback-warning-muted: light-dark(var(--color-amber-50), var(--color-amber-950));
  --color-feedback-warning-subtle: var(--color-amber-50);
  --color-feedback-warning-text: var(--color-neutral-950);
  --color-feedback-warning-border: light-dark(var(--color-amber-300), var(--color-amber-700));
  --color-feedback-warning-icon: light-dark(var(--color-amber-600), var(--color-amber-400));
  --color-feedback-warning-inverse: var(--color-amber-300);
  --color-feedback-error-default: var(--color-rose-500);
  --color-feedback-error-background: var(--color-feedback-error-muted);
  --color-feedback-error-muted: light-dark(var(--color-rose-50), var(--color-rose-950));
  --color-feedback-error-subtle: var(--color-rose-50);
  --color-feedback-error-text: var(--color-rose-700);
  --color-feedback-error-border: light-dark(var(--color-rose-300), var(--color-rose-700));
  --color-feedback-error-icon: light-dark(var(--color-rose-600), var(--color-rose-400));
  --color-feedback-error-inverse: var(--color-rose-300);
  --color-feedback-error-hover: var(--color-rose-600);
  --color-feedback-error-active: var(--color-rose-700);
  --color-feedback-error-focus: var(--color-rose-400);
  --color-feedback-info-default: var(--color-sky-500);
  --color-feedback-info-background: var(--color-feedback-info-muted);
  --color-feedback-info-muted: light-dark(var(--color-sky-50), var(--color-sky-950));
  --color-feedback-info-subtle: var(--color-sky-50);
  --color-feedback-info-text: light-dark(var(--color-neutral-900), var(--color-neutral-50));
  --color-feedback-info-border: light-dark(var(--color-sky-200), var(--color-sky-800));
  --color-feedback-info-icon: light-dark(var(--color-sky-600), var(--color-sky-400));
  --color-feedback-info-inverse: var(--color-feedback-info-border);
  --color-feedback-neutral-default: var(--color-neutral-500);
  --color-feedback-neutral-background: var(--color-feedback-neutral-muted);
  --color-feedback-neutral-muted: var(--color-neutral-100);
  --color-feedback-neutral-subtle: var(--color-neutral-50);
  --color-feedback-neutral-text: var(--color-neutral-700);
  --color-feedback-neutral-border: var(--color-neutral-300);
  --color-feedback-neutral-icon: var(--color-neutral-600);
  --color-feedback-neutral-inverse: var(--color-neutral-300);
  --color-focus-ring: var(--color-brand-primary-focus);
  --color-gradient-brand-primary: linear-gradient(135deg, oklch(0.55 0.13 161) 0%, oklch(0.45 0.12 161) 100%);
  --color-gradient-brand-secondary: linear-gradient(135deg, oklch(0.55 0.18 75) 0%, oklch(0.45 0.16 75) 100%);
  --color-gradient-mesh-subtle: radial-gradient(at 0% 0%, oklch(0.97 0.01 161) 0%, transparent 50%), radial-gradient(at 100% 100%, oklch(0.97 0.02 75) 0%, transparent 50%);
  --color-interactive-default: var(--color-brand-primary-default);
  --color-interactive-hover: var(--color-brand-primary-600);
  --color-interactive-active: var(--color-brand-primary-active);
  --color-interactive-focus: var(--color-brand-primary-focus);
  --color-interactive-selected: var(--color-brand-primary-selected);
  --color-interactive-disabled: var(--color-neutral-300);
  --color-interactive-on-interactive: var(--color-neutral-0);
  --color-interactive-subtle-default: var(--color-brand-primary-background-subtle);
  --color-interactive-subtle-hover: var(--color-brand-primary-selected);
  --color-interactive-subtle-active: var(--color-brand-primary-focus);
  --color-interactive-border-default: var(--color-border-default);
  --color-interactive-border-hover: var(--color-border-emphasized);
  --color-interactive-border-focus: var(--color-brand-primary-default);
  --color-interactive-background-default: var(--color-alpha-black-0);
  --color-interactive-background-hover: var(--color-brand-primary-background-subtle);
  --color-interactive-background-active: var(--color-brand-primary-selected);
  --color-interactive-text-default: light-dark(var(--color-brand-primary-700), var(--color-neutral-0));
  --color-interactive-text-hover: light-dark(var(--color-brand-primary-800), var(--color-neutral-100));
  --color-interactive-text-visited: light-dark(var(--color-brand-primary-900), var(--color-neutral-200));
  --color-interactive-icon-default: light-dark(var(--color-brand-primary-700), var(--color-neutral-200));
  --color-interactive-icon-hover: light-dark(var(--color-brand-primary-800), var(--color-neutral-100));
  --color-interactive-icon-disabled: var(--color-brand-primary-disabled);
  --color-interactive-secondary-default: var(--color-brand-secondary-default);
  --color-interactive-secondary-hover: var(--color-brand-secondary-hover);
  --color-interactive-secondary-active: var(--color-brand-secondary-700);
  --color-interactive-secondary-focus: var(--color-brand-secondary-400);
  --color-interactive-secondary-selected: var(--color-brand-secondary-selected);
  --color-interactive-secondary-disabled: var(--color-brand-secondary-disabled);
  --color-interactive-secondary-on-interactive: var(--color-neutral-900);
  --color-interactive-secondary-subtle-default: var(--color-brand-secondary-selected);
  --color-interactive-tertiary-default: var(--color-brand-tertiary-default);
  --color-interactive-tertiary-hover: var(--color-brand-tertiary-hover);
  --color-interactive-tertiary-active: var(--color-brand-tertiary-active);
  --color-interactive-tertiary-focus: var(--color-brand-tertiary-focus);
  --color-interactive-tertiary-selected: var(--color-brand-tertiary-selected);
  --color-interactive-tertiary-disabled: var(--color-brand-tertiary-disabled);
  --color-interactive-tertiary-on-interactive: var(--color-neutral-0);
  --color-interactive-tertiary-subtle-default: var(--color-brand-tertiary-selected);
  --color-interactive-destructive-default: var(--color-feedback-error-default);
  --color-interactive-destructive-hover: var(--color-feedback-error-hover);
  --color-interactive-destructive-active: var(--color-feedback-error-active);
  --color-interactive-destructive-focus: var(--color-feedback-error-focus);
  --color-interactive-destructive-on-interactive: var(--color-text-on-error);
  --color-interactive-destructive-background-subtle: var(--color-feedback-error-subtle);
  --color-link-default: light-dark(var(--color-brand-primary-900), var(--color-brand-primary-inverse));
  --color-link-hover: light-dark(var(--color-brand-primary-600), var(--color-brand-primary-focus));
  --color-link-visited: light-dark(var(--color-amber-500), var(--color-yellow-200));
  --color-link-active: light-dark(var(--color-brand-primary-900), var(--color-brand-primary-300));
  --color-overlay-scrim: var(--color-alpha-black-50);
  --color-overlay-scrim-light: light-dark(var(--color-alpha-black-20), var(--color-alpha-white-20));
  --color-overlay-scrim-heavy: var(--color-alpha-black-70);
  --color-overlay-scrim-brand: var(--color-alpha-brand-30);
  --color-overlay-backdrop: light-dark(var(--color-alpha-black-40), var(--color-alpha-black-50));
  --color-overlay-surface-light: var(--color-alpha-white-90);
  --color-overlay-surface-medium: var(--color-alpha-black-50);
  --color-overlay-surface-dark: var(--color-alpha-black-80);
  --color-selection-background: var(--color-brand-primary-200);
  --color-selection-highlight: var(--color-brand-primary-background-subtle);
  --color-status-info: var(--color-feedback-info-default);
  --color-status-success: var(--color-feedback-success-default);
  --color-status-warning: var(--color-feedback-warning-default);
  --color-status-error: var(--color-feedback-error-default);
  --color-surface-base: light-dark(var(--color-neutral-25), var(--color-neutral-950));
  --color-surface-subtle: light-dark(var(--color-neutral-50), var(--color-neutral-900));
  --color-surface-raised: light-dark(var(--color-neutral-0), var(--color-neutral-850));
  --color-surface-elevated: light-dark(var(--color-neutral-0), var(--color-neutral-750));
  --color-surface-overlay: light-dark(var(--color-neutral-0), var(--color-neutral-800));
  --color-surface-scrim: var(--color-alpha-black-50);
  --color-surface-glass: light-dark(var(--color-alpha-white-50), var(--color-neutral-850));
  --color-surface-floating: light-dark(var(--color-neutral-0), var(--color-neutral-700));
  --color-surface-sticky: light-dark(var(--color-neutral-0), var(--color-neutral-900));
  --color-surface-skeleton: light-dark(var(--color-neutral-100), var(--color-neutral-850));
  --color-surface-offline: light-dark(var(--color-neutral-150), var(--color-neutral-850));
  --color-surface-maintenance: light-dark(var(--color-amber-50), var(--color-amber-900));
  --color-surface-primary: var(--color-brand-primary-default);
  --color-surface-secondary: var(--color-brand-secondary-default);
  --color-surface-tertiary: var(--color-brand-tertiary-default);
  --color-surface-inverse: light-dark(var(--color-neutral-950), var(--color-neutral-50));
  --color-surface-disabled: light-dark(var(--color-neutral-150), var(--color-neutral-800));
  --color-surface-brand-primary: light-dark(var(--color-brand-primary-100), var(--color-brand-primary-900));
  --color-surface-brand-secondary: light-dark(var(--color-amber-50), var(--color-brand-secondary-900));
  --color-surface-brand-tertiary: light-dark(var(--color-rose-50), var(--color-brand-tertiary-900));
  --color-surface-brand-primary-subtle: light-dark(var(--color-emerald-50), var(--color-emerald-950));
  --color-surface-brand-secondary-subtle: light-dark(var(--color-amber-50), var(--color-amber-950));
  --color-surface-brand-tertiary-subtle: light-dark(var(--color-rose-50), var(--color-rose-950));
  --color-surface-wash: light-dark(var(--color-neutral-25), var(--color-neutral-900));
  --color-surface-canvas-default: light-dark(var(--color-neutral-25), var(--color-neutral-950));
  --color-surface-canvas-inset: light-dark(var(--color-neutral-50), var(--color-neutral-900));
  --color-surface-canvas-outset: light-dark(var(--color-neutral-0), var(--color-neutral-1000));
  --color-surface-input: light-dark(var(--color-neutral-50), var(--color-neutral-900));
  --color-surface-popover: light-dark(var(--color-neutral-150), var(--color-neutral-800));
  --color-surface-sidebar: light-dark(var(--color-neutral-50), var(--color-neutral-900));
  --color-surface-sidebar-primary: light-dark(var(--color-brand-primary-200), var(--color-brand-primary-800));
  --color-surface-header: light-dark(var(--color-neutral-50), var(--color-neutral-900));
  --color-surface-footer: light-dark(var(--color-neutral-50), var(--color-neutral-900));
  --color-surface-code: light-dark(var(--color-neutral-100), var(--color-neutral-850));
  --color-surface-table-row-alt: light-dark(var(--color-neutral-50), var(--color-neutral-900));
  --color-surface-selected: light-dark(var(--color-brand-primary-100), var(--color-brand-primary-900));
  --color-surface-hover: light-dark(var(--color-brand-primary-100), var(--color-brand-primary-900));
  --color-surface-notification: light-dark(var(--color-sky-100), var(--color-sky-900));
  --color-surface-warning-banner: light-dark(var(--color-amber-100), var(--color-amber-900));
  --color-surface-success-banner: light-dark(var(--color-emerald-100), var(--color-emerald-900));
  --color-surface-danger-banner: light-dark(var(--color-red-100), var(--color-red-900));
  --color-surface-elevation-0: var(--color-neutral-0);
  --color-surface-elevation-1: var(--color-neutral-50);
  --color-surface-elevation-2: var(--color-neutral-100);
  --color-surface-elevation-3: var(--color-neutral-150);
  --color-surface-elevation-4: var(--color-neutral-200);
  --color-surface-elevation-5: var(--color-neutral-100);
  --color-syntax-keyword: light-dark(var(--color-purple-700), var(--color-purple-300));
  --color-syntax-string: light-dark(var(--color-emerald-700), var(--color-emerald-300));
  --color-syntax-number: light-dark(var(--color-amber-600), var(--color-amber-300));
  --color-syntax-comment: light-dark(var(--color-neutral-600), var(--color-neutral-400));
  --color-syntax-function: light-dark(var(--color-blue-700), var(--color-blue-300));
  --color-syntax-variable: light-dark(var(--color-cyan-600), var(--color-cyan-300));
  --color-syntax-operator: light-dark(var(--color-neutral-600), var(--color-neutral-200));
  --color-syntax-type: light-dark(var(--color-teal-700), var(--color-teal-300));
  --color-syntax-constant: light-dark(var(--color-orange-700), var(--color-orange-300));
  --color-syntax-tag: light-dark(var(--color-rose-700), var(--color-rose-300));
  --color-syntax-attribute: light-dark(var(--color-indigo-700), var(--color-indigo-300));
  --color-syntax-error: light-dark(var(--color-red-700), var(--color-red-300));
  --color-syntax-warning: light-dark(var(--color-amber-700), var(--color-amber-300));
  --color-syntax-link: light-dark(var(--color-blue-600), var(--color-blue-300));
  --color-text-default: light-dark(var(--color-neutral-950), var(--color-neutral-50));
  --color-text-muted: light-dark(var(--color-neutral-600), var(--color-neutral-300));
  --color-text-subtle: light-dark(var(--color-neutral-600), var(--color-neutral-300));
  --color-text-inverse: light-dark(var(--color-neutral-50), var(--color-neutral-950));
  --color-text-on-primary: light-dark(var(--color-neutral-950), var(--color-neutral-0));
  --color-text-on-secondary: light-dark(var(--color-neutral-950), var(--color-neutral-0));
  --color-text-on-tertiary: light-dark(var(--color-neutral-950), var(--color-neutral-0));
  --color-text-on-success: light-dark(var(--color-neutral-950), var(--color-neutral-0));
  --color-text-on-warning: light-dark(var(--color-neutral-950), var(--color-neutral-0));
  --color-text-on-error: light-dark(var(--color-neutral-950), var(--color-neutral-0));
  --color-text-on-info: var(--color-neutral-0);
  --color-text-disabled: light-dark(var(--color-neutral-300), var(--color-neutral-600));
  --color-text-code: light-dark(var(--color-rose-700), var(--color-neutral-150));
  --color-text-heading: light-dark(var(--color-neutral-900), var(--color-neutral-100));
  --color-text-hint: light-dark(var(--color-neutral-500), var(--color-neutral-350));
  --color-text-placeholder: light-dark(var(--color-neutral-400), var(--color-neutral-300));
  --color-text-link: light-dark(var(--color-brand-primary-700), var(--color-brand-primary-300));
  --color-text-brand: light-dark(var(--color-brand-primary-700), var(--color-brand-primary-300));
  --color-wide-gamut-brand-primary: var(--color-p3-brand-primary);
  --color-wide-gamut-brand-secondary: var(--color-p3-brand-secondary);
  --color-wide-gamut-decorative-coral: var(--color-p3-decorative-coral);
  --color-wide-gamut-decorative-cyan: var(--color-p3-decorative-cyan);
  --color-wide-gamut-decorative-amber: var(--color-p3-decorative-amber);
  --color-wide-gamut-feedback-success: var(--color-p3-feedback-success);
  --color-wide-gamut-feedback-warning: var(--color-p3-feedback-warning);
  --color-wide-gamut-feedback-error: var(--color-p3-feedback-error);
  --color-wide-gamut-feedback-info: var(--color-p3-feedback-info);
  --color-wide-gamut-chart-categorical-1: var(--color-p3-chart-categorical-1);
  --color-wide-gamut-chart-categorical-2: var(--color-p3-chart-categorical-2);
  --color-wide-gamut-chart-categorical-3: var(--color-p3-chart-categorical-3);
  --color-wide-gamut-chart-categorical-4: var(--color-p3-chart-categorical-4);
  --color-wide-gamut-chart-categorical-5: var(--color-p3-chart-categorical-5);
  --color-wide-gamut-chart-categorical-6: var(--color-p3-chart-categorical-6);
  --color-wide-gamut-chart-categorical-7: var(--color-p3-chart-categorical-7);
  --color-wide-gamut-chart-categorical-8: var(--color-p3-chart-categorical-8);
  --color-wide-gamut-chart-categorical-9: var(--color-p3-chart-categorical-9);
  --color-wide-gamut-chart-categorical-10: var(--color-p3-chart-categorical-10);
  --color-wide-gamut-chart-categorical-11: var(--color-p3-chart-categorical-11);
  --color-wide-gamut-chart-categorical-12: var(--color-p3-chart-categorical-12);
  --color-scrollbar-track-background: var(--color-surface-subtle);
  --color-scrollbar-thumb-background: var(--color-border-default);
  --color-scrollbar-thumb-background-hover: var(--color-border-emphasized);
  --color-scrollbar-thumb-background-active: var(--color-border-interactive-active);
  --color-scrollbar-border-color: var(--color-border-muted);
  --color-scrollbar-corner: var(--color-surface-subtle);
  --color-state-hover: var(--color-alpha-black-5);
  --color-state-active: var(--color-alpha-black-10);
  --color-state-selected: var(--color-alpha-black-15);
  --color-state-focus: var(--color-alpha-black-20);
  --color-state-subtle-hover: var(--color-alpha-black-3);
  --color-icon-default: var(--color-text-default);
  --color-icon-muted: var(--color-text-muted);
  --color-icon-subtle: var(--color-text-subtle);
  --color-icon-disabled: var(--color-border-muted);
  --color-icon-inverse: var(--color-text-inverse);
  --color-icon-on-primary: var(--color-text-on-primary);
  --color-icon-on-secondary: var(--color-text-on-secondary);
  --color-icon-on-tertiary: var(--color-text-on-tertiary);
  --cursor-wait: wait;
  --aspect-square: 1 / 1;
  --aspect-video: 16 / 9;
  --aspect-video-vertical: 9 / 16;
  --aspect-landscape: 4 / 3;
  --aspect-photo: 3 / 2;
  --aspect-widescreen: 16 / 10;
  --aspect-photo-portrait: 2 / 3;
  --columns-count-2: 2;
  --columns-count-3: 3;
  --columns-count-4: 4;
  --columns-count-auto: auto;
  --field-sizing-content: content;
  --fluid-layout-spacing-3xs: clamp(0.25rem, 0.23rem + 0.11vw, 0.31rem);
  --fluid-layout-spacing-2xs: clamp(0.5rem, 0.46rem + 0.21vw, 0.63rem);
  --fluid-layout-spacing-xs: clamp(0.75rem, 0.69rem + 0.32vw, 0.94rem);
  --fluid-layout-spacing-s: clamp(1rem, 0.92rem + 0.43vw, 1.25rem);
  --fluid-layout-spacing-m: clamp(1.5rem, 1.38rem + 0.64vw, 1.88rem);
  --fluid-layout-spacing-l: clamp(2rem, 1.83rem + 0.85vw, 2.5rem);
  --fluid-layout-spacing-xl: clamp(3rem, 2.75rem + 1.28vw, 3.75rem);
  --fluid-layout-spacing-2xl: clamp(4rem, 3.67rem + 1.7vw, 5rem);
  --fluid-layout-spacing-3xl: clamp(6rem, 5.5rem + 2.55vw, 7.5rem);
  --fluid-layout-gap-xs: var(--fluid-layout-spacing-2xs);
  --fluid-layout-gap-s: var(--fluid-layout-spacing-xs);
  --fluid-layout-gap-m: var(--fluid-layout-spacing-s);
  --fluid-layout-gap-l: var(--fluid-layout-spacing-m);
  --fluid-layout-gap-xl: var(--fluid-layout-spacing-l);
  --fluid-layout-radius-s: clamp(0.25rem, 0.23rem + 0.11vw, 0.31rem);
  --fluid-layout-radius-m: clamp(0.5rem, 0.46rem + 0.21vw, 0.63rem);
  --fluid-layout-radius-l: clamp(0.75rem, 0.69rem + 0.32vw, 0.94rem);
  --fluid-layout-radius-xl: clamp(1rem, 0.92rem + 0.43vw, 1.25rem);
  --fluid-layout-radius-2xl: clamp(1.5rem, 1.38rem + 0.64vw, 1.88rem);
  --fluid-layout-padding-xs: var(--fluid-layout-spacing-2xs);
  --fluid-layout-padding-s: var(--fluid-layout-spacing-xs);
  --fluid-layout-padding-m: var(--fluid-layout-spacing-s);
  --fluid-layout-padding-l: var(--fluid-layout-spacing-m);
  --fluid-layout-padding-xl: var(--fluid-layout-spacing-l);
  --safe-area-inset-top: env(safe-area-inset-top, 0px);
  --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-inset-left: env(safe-area-inset-left, 0px);
  --safe-area-inset-right: env(safe-area-inset-right, 0px);
  --size-0: 0rem;
  --size-1: 0.25rem;
  --size-2: 0.5rem;
  --size-3: 0.75rem;
  --size-4: 1rem;
  --size-5: 1.25rem;
  --size-6: 1.5rem;
  --size-7: 1.75rem;
  --size-8: 2rem;
  --size-9: 2.25rem;
  --size-10: 2.5rem;
  --size-11: 2.75rem;
  --size-12: 3rem;
  --size-14: 3.5rem;
  --size-16: 4rem;
  --size-20: 5rem;
  --size-24: 6rem;
  --size-28: 7rem;
  --size-32: 8rem;
  --size-56: 14rem;
  --size-64: 16rem;
  --size-72: 18rem;
  --size-80: 20rem;
  --size-96: 24rem;
  --size-128: 32rem;
  --size-160: 40rem;
  --size-px: 0.0625rem;
  --size-1-5: 0.375rem;
  --size-2-5: 0.625rem;
  --size-3-5: 0.875rem;
  --spacing-0: 0rem;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-12: 3rem;
  --spacing-24: 6rem;
  --spacing-36: 9rem;
  --spacing-44: 11rem;
  --spacing-52: 13rem;
  --spacing-0-5: 0.125rem;
  --animation-preset-fade-easing: var(--timing-easing-ease-in-out);
  --scroll-reveal-threshold-medium: 0.2;
  --scroll-parallax-speed-slow: 0.3;
  --scroll-sticky-header-shrink-factor: 0.8;
  --scroll-align-center: center;
  --scroll-align-start: start;
  --scroll-type-y-mandatory: y mandatory;
  --scroll-type-x-mandatory: x mandatory;
  --motion-spring-snappy-stiffness: 400;
  --motion-spring-snappy-damping: 30;
  --motion-spring-snappy-mass: 1;
  --motion-spring-gentle-stiffness: 150;
  --motion-spring-gentle-damping: 15;
  --motion-spring-gentle-mass: 1;
  --motion-spring-bouncy-stiffness: 300;
  --motion-spring-bouncy-damping: 10;
  --motion-spring-bouncy-mass: 1;
  --motion-spring-sheet-stiffness: 300;
  --motion-spring-sheet-damping: 30;
  --motion-spring-sheet-mass: 1;
  --motion-spring-stiff-stiffness: 700;
  --motion-spring-stiff-damping: 40;
  --motion-spring-stiff-mass: 1;
  --motion-spring-wobbly-stiffness: 180;
  --motion-spring-wobbly-damping: 12;
  --motion-spring-wobbly-mass: 1;
  --timing-duration-instant: 50ms;
  --timing-duration-fast: 100ms;
  --timing-duration-fast-plus: 150ms;
  --timing-duration-normal: 200ms;
  --timing-duration-slow: 300ms;
  --timing-duration-slower: 500ms;
  --timing-duration-slowest: 700ms;
  --timing-duration-ambient: 2000ms;
  --timing-easing-ease-in: 0.4,0,1,1;
  --timing-easing-ease-out: 0,0,0.2,1;
  --timing-easing-ease-in-out: 0.4,0,0.2,1;
  --timing-easing-spring: 0.34,1.56,0.64,1;
  --transition-property-all: all;
  --transition-property-opacity: opacity;
  --transition-property-transform: transform;
  --transition-composite-default: all 200ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  --transition-composite-fast: all 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;
  --transition-composite-slow: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  --transition-composite-opacity: opacity 150ms cubic-bezier(0, 0, 0.2, 1) 50ms;
  --transition-composite-transform: transform 150ms cubic-bezier(0, 0, 0.2, 1) 50ms;
  --motion-view-transition-duration-fast: var(--timing-duration-fast);
  --motion-view-transition-duration-moderate: var(--timing-duration-normal);
  --motion-view-transition-duration-slow: var(--timing-duration-slow);
  --motion-view-transition-easing-enter: var(--timing-easing-ease-out);
  --motion-view-transition-easing-exit: var(--timing-easing-ease-in);
  --motion-view-transition-easing-move: var(--timing-easing-ease-in-out);
  --motion-view-transition-name-root: vt-root;
  --motion-view-transition-name-header: vt-header;
  --motion-view-transition-name-nav: vt-nav;
  --motion-view-transition-name-hero: vt-hero;
  --motion-view-transition-name-image: vt-image;
  --motion-view-transition-name-card: vt-card;
  --motion-view-transition-name-modal: vt-modal;
  --motion-view-transition-name-list-item: vt-list-item;
  --motion-view-transition-name-content: vt-content;
  --motion-view-transition-name-sidebar: vt-sidebar;
  --motion-view-transition-name-footer: vt-footer;
  --motion-view-transition-type-fade: fade;
  --motion-view-transition-type-slide: slide;
  --motion-view-transition-type-morph: morph;
  --motion-view-transition-type-scale: scale;
  --motion-view-transition-class-forward: vt-forward;
  --motion-view-transition-class-backward: vt-backward;
  --motion-view-transition-class-modal-open: vt-modal-open;
  --motion-view-transition-class-modal-close: vt-modal-close;
  --motion-component-modal-duration: var(--timing-duration-normal);
  --motion-component-modal-easing: var(--timing-easing-ease-in-out);
  --motion-component-morph-duration: 600ms;
  --motion-component-morph-easing: var(--timing-easing-spring);
  --motion-component-spinner-duration: var(--timing-duration-slow);
  --motion-safe-duration-instant: var(--timing-duration-instant);
  --motion-safe-duration-fast: var(--timing-duration-fast);
  --motion-safe-duration-slowest: var(--timing-duration-slowest);
  --motion-safe-opacity-fade-in-from: var(--opacity-0);
  --motion-safe-opacity-fade-in-to: var(--opacity-100);
  --motion-reduced-duration-all: 0.01ms;
  --motion-reduced-transform-none: none;
  --motion-scroll-sticky-header-shrink-factor: var(--scroll-sticky-header-shrink-factor);
  --breakpoints-s: 40rem;
  --breakpoints-m: 48rem;
  --breakpoints-l: 64rem;
  --breakpoints-xl: 80rem;
  --breakpoints-xxl: 96rem;
  --container-s: 24rem;
  --container-m: 28rem;
  --container-l: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-7xl: 80rem;
  --container-type-inline-size: inline-size;
  --container-type-size: size;
  --container-type-normal: normal;
  --container-breakpoint-xs: 20rem;
  --container-breakpoint-s: 30rem;
  --container-breakpoint-m: 40rem;
  --container-breakpoint-l: 48rem;
  --container-breakpoint-xl: 64rem;
  --container-breakpoint-2xl: 80rem;
  --container-style-variant-dark: dark;
  --container-style-variant-light: light;
  --container-style-theme-primary: primary;
  --container-style-theme-secondary: secondary;
  --container-style-density-compact: compact;
  --container-style-density-comfortable: comfortable;
  --container-style-density-spacious: spacious;
  --container-name-card: card;
  --container-name-sidebar: sidebar;
  --container-name-modal: modal;
  --container-name-main: main;
  --print-break-before-page: page;
  --print-break-before-column: column;
  --print-break-inside-avoid: avoid;
  --print-break-inside-avoid-page: avoid-page;
  --print-break-inside-avoid-column: avoid-column;
  --table-layout-auto: auto;
  --table-layout-fixed: fixed;
  --table-border-collapse-collapse: collapse;
  --table-border-collapse-separate: separate;
  --table-caption-side-top: top;
  --table-data-layout: var(--table-layout-auto);
  --table-data-borders: var(--table-border-collapse-collapse);
  --table-data-caption: var(--table-caption-side-top);
  --table-pricing-layout: var(--table-layout-fixed);
  --table-pricing-borders: var(--table-border-collapse-separate);
  --table-comparison-layout: var(--table-pricing-layout);
  --table-comparison-borders: var(--table-data-borders);
  --z-index-base: 0;
  --z-index-raised: 1;
  --z-index-elevated: 2;
  --z-index-dropdown: 1000;
  --z-index-sticky: 1100;
  --z-index-fixed: 1200;
  --z-index-overlay: 1300;
  --z-index-modal: 1400;
  --z-index-popover: 1500;
  --z-index-toast: 1600;
  --z-index-tooltip: 1700;
  --typography-text-transform-none: none;
  --typography-text-transform-uppercase: uppercase;
  --typography-text-transform-capitalize: capitalize;
  --typography-font-size-fluid-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --typography-font-size-fluid-s: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
  --typography-font-size-fluid-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  --typography-font-size-fluid-l: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
  --typography-font-size-fluid-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);
  --typography-font-size-fluid-2xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);
  --typography-font-size-fluid-3xl: clamp(1.875rem, 1.6rem + 1.375vw, 2.25rem);
  --typography-font-size-fluid-4xl: clamp(2.25rem, 1.9rem + 1.75vw, 3rem);
  --typography-font-size-fluid-5xl: clamp(3rem, 2.5rem + 2.5vw, 3.75rem);
  --typography-letter-spacing-wide: 0.025em;
  --typography-text-decoration-thickness-thin: 0.0625rem;
  --typography-text-decoration-thickness-default: 0.125rem;
  --typography-text-decoration-thickness-thick: 0.1875rem;
  --typography-text-underline-offset-s: 0.0625rem;
  --typography-text-underline-offset-m: 0.125rem;
  --typography-text-underline-offset-l: 0.1875rem;
  --typography-cjk-line-height-tight: 1.6;
  --typography-cjk-line-height-normal: 1.8;
  --typography-cjk-line-height-relaxed: 2;
  --typography-cjk-letter-spacing-tight: 0rem;
  --typography-cjk-letter-spacing-normal: 0.05em;
  --typography-cjk-letter-spacing-wide: 0.1em;
  --typography-cjk-paragraph-spacing: 1.5em;
  --typography-cjk-font-family-sans-zh-cn: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --typography-cjk-font-family-sans-zh-tw: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
  --typography-cjk-font-family-sans-ja: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', sans-serif;
  --typography-cjk-font-family-sans-ko: 'Noto Sans KR', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
  --typography-cjk-font-family-serif-zh-cn: 'Noto Serif SC', 'Songti SC', serif;
  --typography-cjk-font-family-serif-zh-tw: 'Noto Serif TC', 'Songti TC', serif;
  --typography-cjk-font-family-serif-ja: 'Noto Serif JP', 'Hiragino Mincho ProN', serif;
  --typography-cjk-font-family-serif-ko: 'Noto Serif KR', 'Batang', serif;
  --typography-cjk-font-weight-regular: 400;
  --typography-cjk-font-weight-medium: 500;
  --typography-cjk-font-weight-bold: 700;
  --typography-cjk-word-break: break-word;
  --typography-cjk-text-orientation-horizontal: horizontal-tb;
  --typography-cjk-text-orientation-vertical: vertical-rl;
  --typography-component-table-header-font-weight: var(--font-weight-semibold);
  --typography-component-tooltip-font-size: var(--font-size-s);
  --typography-heading-h1-font-size: var(--font-size-5xl);
  --typography-heading-h1-font-weight: var(--font-weight-bold);
  --typography-heading-h1-line-height: var(--font-line-height-tight);
  --typography-heading-h1-letter-spacing: var(--font-letter-spacing-tight);
  --typography-heading-h2-font-size: var(--font-size-4xl);
  --typography-heading-h2-font-weight: var(--typography-heading-h1-font-weight);
  --typography-heading-h2-line-height: var(--typography-heading-h1-line-height);
  --typography-heading-h2-letter-spacing: var(--typography-heading-h1-letter-spacing);
  --typography-heading-h3-font-size: var(--font-size-3xl);
  --typography-heading-h3-font-weight: var(--font-weight-semibold);
  --typography-heading-h3-line-height: var(--font-line-height-snug);
  --typography-heading-h3-letter-spacing: 0rem;
  --typography-heading-h4-font-size: var(--font-size-2xl);
  --typography-heading-h4-font-weight: var(--font-weight-semibold);
  --typography-heading-h4-line-height: var(--typography-heading-h3-line-height);
  --typography-heading-h4-letter-spacing: var(--typography-heading-h3-letter-spacing);
  --typography-heading-h5-font-size: var(--font-size-xl);
  --typography-heading-h5-font-weight: var(--font-weight-semibold);
  --typography-heading-h5-line-height: var(--font-line-height-snug);
  --typography-heading-h5-letter-spacing: 0rem;
  --typography-heading-h6-font-size: var(--typography-body-l-font-size);
  --typography-heading-h6-font-weight: var(--font-weight-semibold);
  --typography-heading-h6-line-height: var(--font-line-height-snug);
  --typography-heading-h6-letter-spacing: 0rem;
  --typography-body-l-font-size: var(--font-size-l);
  --typography-body-l-font-weight: var(--typography-body-base-font-weight);
  --typography-body-l-line-height: var(--font-line-height-relaxed);
  --typography-body-base-font-size: var(--font-size-base);
  --typography-body-base-font-weight: var(--font-weight-normal);
  --typography-body-base-line-height: var(--font-line-height-normal);
  --typography-body-s-font-size: var(--font-size-s);
  --typography-body-s-font-weight: var(--font-weight-normal);
  --typography-body-s-line-height: var(--font-line-height-normal);
  --typography-body-xs-font-size: var(--font-size-xs);
  --typography-body-xs-font-weight: var(--font-weight-normal);
  --typography-body-xs-line-height: var(--font-line-height-normal);
  --typography-label-l-font-size: var(--typography-body-base-font-size);
  --typography-label-l-font-weight: var(--typography-label-base-font-weight);
  --typography-label-l-line-height: var(--font-line-height-normal);
  --typography-label-base-font-size: var(--font-size-s);
  --typography-label-base-font-weight: var(--font-weight-medium);
  --typography-label-base-line-height: var(--font-line-height-normal);
  --typography-label-s-font-size: var(--typography-body-xs-font-size);
  --typography-label-s-font-weight: var(--font-weight-medium);
  --typography-label-s-line-height: var(--font-line-height-normal);
  --typography-code-inline-font-size: var(--font-size-s);
  --typography-code-inline-font-family: var(--typography-code-block-font-family);
  --typography-code-block-font-size: var(--font-size-s);
  --typography-code-block-font-family: var(--font-family-mono);
  --typography-code-block-line-height: var(--typography-body-l-line-height);
  --typography-font-family-sans: var(--font-family-sans);
  --typography-font-family-serif: var(--font-family-serif);
  --typography-font-size-6xl: var(--font-size-6xl);
  --typography-font-weight-extrabold: var(--font-weight-extrabold);
  --typography-font-letter-spacing-wide: var(--typography-letter-spacing-wide);
  --typography-fluid-heading-h1-font-size: var(--typography-font-size-fluid-5xl);
  --typography-fluid-heading-h2-font-size: var(--typography-font-size-fluid-4xl);
  --typography-fluid-heading-h3-font-size: var(--typography-font-size-fluid-3xl);
  --typography-fluid-heading-h4-font-size: var(--typography-font-size-fluid-2xl);
  --typography-fluid-heading-h5-font-size: var(--typography-font-size-fluid-xl);
  --typography-fluid-heading-h6-font-size: var(--typography-font-size-fluid-l);
  --typography-fluid-body-l-font-size: var(--typography-font-size-fluid-l);
  --typography-fluid-body-base-font-size: var(--typography-font-size-fluid-base);
  --typography-fluid-body-s-font-size: var(--typography-font-size-fluid-s);
  --typography-fluid-body-xs-font-size: var(--typography-font-size-fluid-xs);
  --typography-fluid-label-l-font-size: var(--typography-font-size-fluid-base);
  --typography-fluid-label-base-font-size: var(--typography-font-size-fluid-s);
  --typography-fluid-label-s-font-size: var(--typography-font-size-fluid-xs);
  --typography-composite-heading-h1: 700 3rem/1.25 Roboto, Montserrat, sans-serif;
  --typography-composite-heading-h2: 700 2.25rem/1.25 Roboto, Montserrat, sans-serif;
  --typography-composite-heading-h3: 600 1.875rem/1.375 Roboto, Montserrat, sans-serif;
  --typography-composite-heading-h4: 600 1.5rem/1.375 Roboto, Montserrat, sans-serif;
  --typography-composite-heading-h5: 600 1.25rem/1.375 Roboto, Montserrat, sans-serif;
  --typography-composite-heading-h6: 600 1.125rem/1.375 Roboto, Montserrat, sans-serif;
  --typography-composite-body-l: 400 1.125rem/1.625 Roboto, Montserrat, sans-serif;
  --typography-composite-body-base: 400 1rem/1.5 Roboto, Montserrat, sans-serif;
  --typography-composite-body-s: 400 0.875rem/1.5 Roboto, Montserrat, sans-serif;
  --typography-composite-body-xs: 400 0.75rem/1.5 Roboto, Montserrat, sans-serif;
  --typography-composite-label-l: 500 1rem/1.5 Roboto, Montserrat, sans-serif;
  --typography-composite-label-base: 500 0.875rem/1.5 Roboto, Montserrat, sans-serif;
  --typography-composite-label-s: 500 0.75rem/1.5 Roboto, Montserrat, sans-serif;
  --typography-composite-code-inline: 400 0.875rem/1.5 ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --typography-composite-code-block: 400 0.875rem/1.625 ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --font-family-sans: Roboto, Montserrat, sans-serif;
  --font-family-serif: Georgia, Cambria, 'Times New Roman', Times, serif;
  --font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --font-size-xs: 0.75rem;
  --font-size-s: 0.875rem;
  --font-size-base: 1rem;
  --font-size-l: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-line-height-tight: 1.25;
  --font-line-height-snug: 1.375;
  --font-line-height-normal: 1.5;
  --font-line-height-relaxed: 1.625;
  --font-letter-spacing-tight: -0.025em;
  --primitive-blur-s: 0.125rem;
  --primitive-blur-base: 0.375rem;
  --primitive-blur-m: 0.625rem;
  --primitive-blur-l: 0.875rem;
  --primitive-blur-xl: 1.125rem;
  --border-width-1: 0.0625rem;
  --border-width-2: 0.125rem;
  --border-style-solid: solid;
  --border-style-default: var(--border-style-solid);
  --border-card: var(--border-width-1);
  --border-input: var(--border-width-1);
  --border-divider: var(--border-width-1);
  --border-thick: var(--border-width-2);
  --border-indicator: var(--border-width-2);
  --border-composite-default: 0.0625rem solid oklch(0.75 0 0);
  --border-composite-muted: 0.0625rem solid oklch(0.85 0 0);
  --border-composite-strong: 0.0625rem solid oklch(0.55 0 0);
  --border-composite-focus: 0.125rem solid oklch(0.55 0.13 161);
  --opacity-0: 0;
  --opacity-40: 0.4;
  --opacity-60: 0.6;
  --opacity-70: 0.7;
  --opacity-100: 1;
  --outline-width-2: 0.125rem;
  --outline-offset-0: 0rem;
  --outline-offset-2: 0.125rem;
  --outline-offset-default: var(--outline-offset-2);
  --outline-offset-tight: var(--outline-offset-0);
  --outline-focus-ring: var(--outline-width-2);
  --outline-error-ring: var(--outline-focus-ring);
  --primitive-radius-none: 0rem;
  --primitive-radius-xs: 0.125rem;
  --primitive-radius-s: 0.25rem;
  --primitive-radius-base: 0.5rem;
  --primitive-radius-m: 0.75rem;
  --primitive-radius-l: 1rem;
  --primitive-radius-xl: 1.25rem;
  --primitive-radius-2xl: 1.5rem;
  --primitive-radius-3xl: 2rem;
  --primitive-radius-full: 624.9375rem;
  --primitive-shadow-xs: 0px 1px 2px 0px oklch(0 0 0 / 0.05);
  --primitive-shadow-s: 0px 1px 3px 0px oklch(0 0 0 / 0.1), 0px 1px 2px -1px oklch(0 0 0 / 0.1);
  --primitive-shadow-base: 0px 4px 6px -1px oklch(0 0 0 / 0.1), 0px 2px 4px -2px oklch(0 0 0 / 0.1);
  --primitive-shadow-m: 0px 10px 15px -3px oklch(0 0 0 / 0.1), 0px 4px 6px -4px oklch(0 0 0 / 0.1);
  --primitive-shadow-l: 0px 20px 25px -5px oklch(0 0 0 / 0.1), 0px 8px 10px -6px oklch(0 0 0 / 0.1);
  --primitive-shadow-xl: 0px 25px 50px -12px oklch(0 0 0 / 0.25);
  --primitive-shadow-2xl: 0px 25px 50px -12px oklch(0 0 0 / 0.5);
  --primitive-shadow-inner: inset 0px 2px 4px 0px oklch(0 0 0 / 0.05);
  --primitive-shadow-none: 0px 0px 0px 0px oklch(0 0 0 / 0);
  --transform-scale-press: 0.97;
  --contrast-mode: standard;
  --contrast-multiplier: 1;
  --contrast-border-width-more: 0.125rem;
  --contrast-border-color-more: var(--color-neutral-750);
  --contrast-focus-ring-width-more: 0.1875rem;
  --accessibility-focus-ring-color: var(--color-brand-primary-focus);
  --accessibility-focus-ring-width: var(--spacing-0-5);
  --accessibility-focus-ring-offset: var(--spacing-0-5);
  --accessibility-focus-ring-style: solid;
  --accessibility-focus-ring-shadow: 0 0 0 0.125rem oklch(0.55 0.13 161);
  --forced-colors-text-default: CanvasText;
  --forced-colors-text-muted: GrayText;
  --forced-colors-text-inverse: Canvas;
  --forced-colors-text-on-primary: ButtonText;
  --forced-colors-text-on-surface: CanvasText;
  --forced-colors-text-on-brand: HighlightText;
  --forced-colors-text-link: LinkText;
  --forced-colors-text-disabled: GrayText;
  --forced-colors-surface-base: Canvas;
  --forced-colors-surface-raised: Canvas;
  --forced-colors-surface-overlay: Canvas;
  --forced-colors-surface-inverse: CanvasText;
  --forced-colors-surface-input: Field;
  --forced-colors-surface-button: ButtonFace;
  --forced-colors-surface-highlight: Highlight;
  --forced-colors-surface-accent: LinkText;
  --forced-colors-brand-primary-default: LinkText;
  --forced-colors-brand-primary-hover: Highlight;
  --forced-colors-brand-primary-active: HighlightText;
  --forced-colors-brand-secondary-default: ButtonText;
  --forced-colors-brand-secondary-hover: Highlight;
  --forced-colors-brand-accent-default: LinkText;
  --forced-colors-feedback-success-default: Highlight;
  --forced-colors-feedback-success-text: HighlightText;
  --forced-colors-feedback-success-border: CanvasText;
  --forced-colors-feedback-warning-default: LinkText;
  --forced-colors-feedback-warning-text: CanvasText;
  --forced-colors-feedback-warning-border: CanvasText;
  --forced-colors-feedback-error-default: CanvasText;
  --forced-colors-feedback-error-text: Canvas;
  --forced-colors-feedback-error-border: CanvasText;
  --forced-colors-feedback-info-default: LinkText;
  --forced-colors-feedback-info-text: CanvasText;
  --forced-colors-feedback-info-border: CanvasText;
  --forced-colors-border-default: CanvasText;
  --forced-colors-border-muted: GrayText;
  --forced-colors-border-strong: ButtonBorder;
  --forced-colors-border-focus: Highlight;
  --forced-colors-border-input: ButtonBorder;
  --forced-colors-interactive-default: LinkText;
  --forced-colors-interactive-hover: Highlight;
  --forced-colors-interactive-active: HighlightText;
  --forced-colors-interactive-disabled: GrayText;
  --forced-colors-interactive-visited: VisitedText;
  --wide-gamut-brand-primary: var(--color-wide-gamut-brand-primary);
  --wide-gamut-brand-secondary: var(--color-wide-gamut-brand-secondary);
  --wide-gamut-decorative-coral: var(--color-wide-gamut-decorative-coral);
  --wide-gamut-decorative-cyan: var(--color-wide-gamut-decorative-cyan);
  --wide-gamut-decorative-amber: var(--color-wide-gamut-decorative-amber);
  --wide-gamut-feedback-success: var(--color-wide-gamut-feedback-success);
  --wide-gamut-feedback-warning: var(--color-wide-gamut-feedback-warning);
  --wide-gamut-feedback-error: var(--color-wide-gamut-feedback-error);
  --wide-gamut-feedback-info: var(--color-wide-gamut-feedback-info);
  --wide-gamut-chart-categorical-1: var(--color-wide-gamut-chart-categorical-1);
  --wide-gamut-chart-categorical-2: var(--color-wide-gamut-chart-categorical-2);
  --wide-gamut-chart-categorical-3: var(--color-wide-gamut-chart-categorical-3);
  --wide-gamut-chart-categorical-4: var(--color-wide-gamut-chart-categorical-4);
  --wide-gamut-chart-categorical-5: var(--color-wide-gamut-chart-categorical-5);
  --wide-gamut-chart-categorical-6: var(--color-wide-gamut-chart-categorical-6);
  --wide-gamut-chart-categorical-7: var(--color-wide-gamut-chart-categorical-7);
  --wide-gamut-chart-categorical-8: var(--color-wide-gamut-chart-categorical-8);
  --wide-gamut-chart-categorical-9: var(--color-wide-gamut-chart-categorical-9);
  --wide-gamut-chart-categorical-10: var(--color-wide-gamut-chart-categorical-10);
  --wide-gamut-chart-categorical-11: var(--color-wide-gamut-chart-categorical-11);
  --wide-gamut-chart-categorical-12: var(--color-wide-gamut-chart-categorical-12);
  --backdrop-blur-s: var(--primitive-blur-s);
  --backdrop-blur-base: var(--primitive-blur-base);
  --backdrop-blur-l: var(--primitive-blur-l);
  --selection-background: light-dark(var(--color-brand-primary-background-subtle), var(--color-brand-primary-900));
  --interactivity-cursor-loading: var(--cursor-wait);
  --interactive-accent-color: var(--color-brand-primary-default);
  --interactive-cursor-clickable: pointer;
  --interactive-cursor-draggable: grab;
  --interactive-cursor-dragging: grabbing;
  --interactive-cursor-disabled: not-allowed;
  --interactive-cursor-text: text;
  --interactive-scroll-snap-cards: var(--scroll-type-x-mandatory);
  --interactive-scroll-snap-sections: var(--scroll-type-y-mandatory);
  --interactive-scroll-align-start: var(--scroll-align-start);
  --interactive-scroll-align-center: var(--scroll-align-center);
  --interactive-resize-horizontal: horizontal;
  --interactive-resize-vertical: vertical;
  --interactive-resize-both: both;
  --interactive-touch-pan: pan-x;
  --interactive-touch-pinch-zoom: pinch-zoom;
  --interactive-opacity-loading: var(--opacity-70);
  --link-default: var(--color-brand-primary-900);
  --link-hover: var(--color-brand-primary-600);
  --link-active: var(--color-brand-primary-active);
  --link-visited: var(--color-brand-secondary-700);
  --mobile-safe-area-top: var(--safe-area-inset-top);
  --mobile-safe-area-bottom: var(--safe-area-inset-bottom);
  --mobile-safe-area-left: var(--safe-area-inset-left);
  --mobile-safe-area-right: var(--safe-area-inset-right);
  --mobile-viewport-height-dynamic: 6.25rem;
  --mobile-viewport-height-stable: 6.25rem;
  --mobile-viewport-height-max: 6.25rem;
  --mobile-touch-target-minimum: var(--size-11);
  --mobile-touch-target-comfortable: var(--size-12);
  --mobile-touch-target-ios: var(--mobile-touch-target-minimum);
  --mobile-touch-target-android: var(--size-12);
  --mobile-touch-target-visionos: calc(3rem + 0.75rem);
  --mobile-input-coarse-height: var(--size-12);
  --mobile-input-coarse-font-size: var(--typography-body-base-font-size);
  --mobile-input-coarse-padding: var(--space-component-padding-m);
  --mobile-input-fine-height: var(--size-9);
  --mobile-input-fine-font-size: var(--font-size-s);
  --mobile-input-fine-padding: var(--space-component-padding-s);
  --mobile-type-scale-ratio-mobile: 1.2;
  --mobile-type-scale-ratio-tablet: 1.25;
  --mobile-type-scale-ratio-desktop: 1.333;
  --mobile-pwa-header-height-standalone: var(--size-0);
  --mobile-pwa-status-bar-height: env(safe-area-inset-top, 0px);
  --mobile-pwa-nav-style: bottom-tab;
  --mobile-bottom-sheet-handle-width: var(--size-10);
  --mobile-bottom-sheet-handle-height: var(--layout-slider-track-height);
  --mobile-bottom-sheet-handle-radius: var(--radius-full);
  --mobile-bottom-sheet-backdrop-opacity: var(--opacity-40);
  --mobile-bottom-sheet-snap-points-quarter: 0.25;
  --mobile-bottom-sheet-snap-points-half: 0.5;
  --mobile-bottom-sheet-snap-points-full: 0.9;
  --mobile-bottom-sheet-spring-stiffness: var(--motion-spring-sheet-stiffness);
  --mobile-bottom-sheet-spring-damping: var(--motion-spring-sheet-damping);
  --mobile-bottom-sheet-border-radius: var(--radius-2xl);
  --mobile-bottom-bar-height: var(--size-14);
  --mobile-bottom-bar-icon-size: var(--size-6);
  --mobile-bottom-bar-label-size: var(--size-2-5);
  --mobile-bottom-bar-safe-height: calc(3.5rem + env(safe-area-inset-bottom, 0px));
  --mobile-gesture-swipe-threshold: var(--size-8);
  --mobile-gesture-long-press-duration: var(--timing-duration-slower);
  --mobile-gesture-pull-to-refresh-threshold: var(--mobile-pull-to-refresh-trigger-distance);
  --mobile-gesture-velocity-threshold: 0.5;
  --mobile-gesture-dismiss-threshold: 40;
  --mobile-haptic-tap: 10ms;
  --mobile-haptic-success: 20ms;
  --mobile-haptic-error: 50ms;
  --mobile-haptic-warning: 30ms;
  --mobile-haptic-selection: 5ms;
  --mobile-scroll-snap-card-width: 5.3125rem;
  --mobile-scroll-snap-card-gap: var(--size-4);
  --mobile-scroll-snap-peek: var(--size-8);
  --mobile-scroll-snap-deceleration: 0.998;
  --mobile-offline-banner-height: var(--size-8);
  --mobile-offline-banner-bg: var(--color-feedback-warning-muted);
  --mobile-offline-banner-text: var(--color-feedback-warning-text);
  --mobile-offline-overlay-opacity: var(--opacity-60);
  --mobile-pull-to-refresh-trigger-distance: var(--size-20);
  --mobile-pull-to-refresh-indicator-size: var(--size-10);
  --mobile-pull-to-refresh-resistance: 0.5;
  --mobile-pull-to-refresh-spring-tension: 300;
  --mobile-pull-to-refresh-spring-damping: 30;
  --mobile-keyboard-height: env(keyboard-inset-height, 0px);
  --mobile-keyboard-content-height: calc(6.25rem - env(keyboard-inset-height, 0px));
  --pointer-events-auto: auto;
  --pointer-events-none: none;
  --pointer-events-visible-painted: visiblePainted;
  --pointer-events-all: all;
  --popover-entry-opacity-from: 0;
  --popover-entry-opacity-to: 1;
  --popover-entry-scale-from: 0.95;
  --popover-entry-scale-to: 1;
  --popover-entry-translate-y-from: var(--spacing-2);
  --popover-entry-translate-y-to: var(--spacing-0);
  --popover-entry-duration: var(--timing-duration-normal);
  --popover-entry-easing: var(--timing-easing-ease-out);
  --popover-exit-opacity: 0;
  --popover-exit-scale: 0.95;
  --popover-exit-duration: var(--timing-duration-fast);
  --popover-exit-easing: var(--timing-easing-ease-in);
  --popover-backdrop-color: var(--color-overlay-scrim);
  --popover-backdrop-opacity-from: 0;
  --popover-backdrop-opacity-to: 1;
  --popover-backdrop-blur: var(--primitive-blur-s);
  --popover-backdrop-duration: var(--timing-duration-normal);
  --popover-transition-behavior: allow-discrete;
  --dialog-entry-opacity-from: 0;
  --dialog-entry-opacity-to: 1;
  --dialog-entry-scale-from: 0.9;
  --dialog-entry-scale-to: 1;
  --dialog-entry-translate-y-from: var(--spacing-4);
  --dialog-entry-translate-y-to: var(--spacing-0);
  --dialog-entry-duration: var(--timing-duration-slow);
  --dialog-entry-easing: var(--timing-easing-ease-out);
  --dialog-exit-duration: var(--timing-duration-normal);
  --dialog-exit-easing: var(--timing-easing-ease-in);
  --tooltip-entry-delay: var(--timing-duration-slower);
  --tooltip-entry-opacity-from: 0;
  --tooltip-entry-opacity-to: 1;
  --tooltip-entry-scale-from: 0.98;
  --tooltip-entry-scale-to: 1;
  --tooltip-entry-duration: var(--timing-duration-fast);
  --tooltip-entry-easing: var(--timing-easing-ease-out);
  --tooltip-exit-duration: var(--timing-duration-instant);
  --pwa-manifest-theme-color: var(--color-brand-primary-default);
  --pwa-manifest-background-color: var(--color-surface-base);
  --pwa-manifest-display: standalone;
  --pwa-manifest-orientation: any;
  --pwa-icon-192: /icons/default/icon-192x192.png;
  --pwa-icon-512: /icons/default/icon-512x512.png;
  --pwa-icon-maskable: /icons/default/icon-512x512.png;
  --pwa-splash-background: var(--color-surface-base);
  --pwa-splash-icon-background: var(--color-brand-primary-default);
  --pwa-install-prompt-background: var(--color-surface-elevated);
  --pwa-install-prompt-text: var(--color-text-default);
  --pwa-badge-background: var(--color-feedback-error-default);
  --pwa-badge-foreground: var(--color-text-on-error);
  --pwa-shortcut-icon-default: /icons/default/icon-192x192.png;
  --pwa-offline-banner-background: var(--color-feedback-warning-muted);
  --pwa-offline-banner-text: var(--color-feedback-warning-text);
  --scrollbar-track: light-dark(var(--color-neutral-50), var(--color-neutral-900));
  --scrollbar-thumb: light-dark(var(--color-neutral-300), var(--color-neutral-600));
  --scrollbar-thumb-hover: light-dark(var(--color-neutral-400), var(--color-neutral-500));
  --touch-action-auto: auto;
  --touch-action-none: none;
  --touch-action-pan-x: pan-x;
  --touch-action-pan-y: pan-y;
  --touch-action-manipulation: manipulation;
  --user-select-none: none;
  --user-select-text: text;
  --user-select-all: all;
  --user-select-auto: auto;
  --anchor-offset-tooltip: 0.5rem;
  --anchor-offset-popover: 0.25rem;
  --anchor-offset-dropdown: 0.125rem;
  --anchor-offset-flyout: 0.75rem;
  --anchor-arrow-size: 0.5rem;
  --anchor-arrow-offset: 0.75rem;
  --anchor-min-width-tooltip: 7.5rem;
  --anchor-min-width-popover: 12.5rem;
  --anchor-min-width-dropdown: 10rem;
  --anchor-max-width-tooltip: 17.5rem;
  --anchor-max-width-popover: 25rem;
  --anchor-max-width-dropdown: 20rem;
  --anchor-viewport-margin: 0.5rem;
  --anchor-position-area-top: top;
  --anchor-position-area-bottom: bottom;
  --anchor-position-area-left: left;
  --anchor-position-area-right: right;
  --anchor-fallback-order: most-block-size;
  --aspect-ratio-avatar: var(--aspect-square);
  --aspect-ratio-hero: var(--aspect-video);
  --aspect-ratio-card: var(--aspect-landscape);
  --aspect-ratio-photo-landscape: var(--aspect-photo);
  --aspect-ratio-property-photo: var(--aspect-ratio-photo-landscape);
  --aspect-ratio-photo-portrait: var(--aspect-photo-portrait);
  --aspect-ratio-menu-item: var(--aspect-ratio-widescreen);
  --aspect-ratio-thumbnail: var(--aspect-ratio-avatar);
  --aspect-ratio-story: var(--aspect-video-vertical);
  --aspect-ratio-widescreen: var(--aspect-widescreen);
  --layout-control-checkbox-size: var(--spacing-4);
  --layout-control-radio-size: var(--spacing-4);
  --layout-control-pagination-item-size: var(--spacing-8);
  --layout-control-input-height-s: var(--size-8);
  --layout-control-input-height-m: var(--size-10);
  --layout-control-input-height-l: var(--size-12);
  --layout-control-square-size: var(--spacing-7);
  --layout-calendar-day-size: var(--size-10);
  --layout-combobox-option-height: var(--size-10);
  --layout-modal-width-s: var(--size-96);
  --layout-modal-width-m: var(--size-128);
  --layout-modal-width-l: var(--size-160);
  --layout-modal-width-xl: 75rem;
  --layout-modal-overlay-blur: var(--primitive-blur-base);
  --layout-dialog-width-s: 25rem;
  --layout-dialog-width-m: 37.5rem;
  --layout-dialog-width-l: 50rem;
  --layout-drawer-width-s: var(--size-72);
  --layout-drawer-width-m: var(--layout-sidebar-width-wide);
  --layout-drawer-width-l: var(--layout-modal-width-s);
  --layout-dropdown-max-height: 18.75rem;
  --layout-navigation-sidebar-width: var(--size-64);
  --layout-card-media-size: var(--spacing-44);
  --layout-content-min-width: var(--spacing-52);
  --layout-panel-size: var(--spacing-24);
  --layout-popover-arrow-size: 0.625rem;
  --layout-popover-max-width-s: 12.5rem;
  --layout-popover-max-width-m: 25rem;
  --layout-popover-max-width-l: 37.5rem;
  --layout-sidebar-width-default: 17.5rem;
  --layout-sidebar-width-narrow: var(--spacing-36);
  --layout-sidebar-width-collapsed: var(--size-16);
  --layout-sidebar-width-wide: var(--size-80);
  --layout-spinner-size-s: var(--spacing-4);
  --layout-spinner-size-m: var(--spacing-6);
  --layout-spinner-size-l: var(--spacing-8);
  --layout-switch-track-width: var(--spacing-12);
  --layout-switch-track-height: var(--spacing-6);
  --layout-switch-thumb-size: var(--spacing-4);
  --layout-slider-track-height: var(--size-1);
  --layout-slider-thumb-size: var(--size-5);
  --layout-tree-item-height: var(--size-10);
  --layout-tree-indent-step: var(--size-6);
  --layout-tree-connector-width: var(--size-px);
  --layout-command-center-dialog-width: 38rem;
  --layout-empty-state-description-measure: 2.8125rem;
  --layout-kanban-board-column-width: 17rem;
  --layout-lease-timeline-cell-size: 3.5rem;
  --layout-lease-timeline-cell-block-size: 3rem;
  --layout-lease-timeline-unit-column-width: 12rem;
  --layout-maintenance-board-column-width: 17rem;
  --layout-morph-component-trigger-size-xl: 4rem;
  --layout-morph-component-trigger-size-2xl: 5rem;
  --layout-morph-component-popover-max-inline-size-s: 22rem;
  --layout-morph-component-popover-max-inline-size-m: 28rem;
  --layout-morph-component-popover-max-inline-size-l: 34rem;
  --layout-morph-component-popover-max-inline-size-xl: 40rem;
  --layout-morph-component-popover-max-inline-size-2xl: 48rem;
  --layout-morph-input-search-bar-max-inline-size-s: 14rem;
  --layout-morph-input-search-bar-max-inline-size-m: 18rem;
  --layout-morph-input-search-bar-max-inline-size-l: 24rem;
  --layout-multi-calendar-cell-size: 3.25rem;
  --layout-multi-calendar-cell-block-size: 3rem;
  --layout-multi-calendar-property-column-width: 12rem;
  --layout-notification-center-panel-width: 22rem;
  --layout-toast-viewport-max-inline-size: 26.25rem;
  --layout-property-gallery-thumb-size: var(--size-32);
  --layout-property-gallery-carousel-dot-size: var(--size-1-5);
  --layout-property-gallery-carousel-dot-active-size: var(--size-2);
  --layout-property-gallery-carousel-slide-size: 5rem;
  --layout-property-gallery-carousel-peek: 0.625rem;
  --layout-property-gallery-masonry-columns: 3;
  --layout-rent-roll-cell-size: var(--size-28);
  --layout-rent-roll-cell-block-size: var(--size-12);
  --layout-rent-roll-unit-column-width: var(--size-56);
  --layout-tooltip-max-width: 20rem;
  --layout-tooltip-arrow-size: var(--spacing-2);
  --layout-container-card: var(--layout-container-modal-m);
  --layout-container-sidebar: var(--layout-container-modal-s);
  --layout-container-content: var(--container-2xl);
  --layout-container-modal-s: var(--container-s);
  --layout-container-modal-m: var(--container-m);
  --layout-container-modal-l: var(--container-l);
  --layout-container-modal-xl: var(--container-xl);
  --layout-container-page: var(--container-7xl);
  --layout-field-sizing-multiline: var(--field-sizing-content);
  --layout-columns-article: var(--columns-count-2);
  --layout-columns-gallery: var(--columns-count-3);
  --layout-columns-dashboard: var(--columns-count-4);
  --layout-columns-masonry: var(--columns-count-auto);
  --layout-object-avatar: cover;
  --layout-object-banner: cover;
  --layout-object-thumbnail: cover;
  --layout-object-logo: contain;
  --layout-object-icon: scale-down;
  --layout-overscroll-modal: contain;
  --layout-overscroll-sidebar: contain;
  --layout-overscroll-page: auto;
  --layout-performance-content-visibility-auto: auto;
  --layout-performance-contain-intrinsic-size-card: 20rem 14rem;
  --layout-performance-contain-intrinsic-size-list-item: 100% 3rem;
  --layout-performance-contain-intrinsic-size-panel: 100% 24rem;
  --contain-strict: size layout style paint;
  --contain-content: layout style paint;
  --contain-paint: paint;
  --contain-layout-style: layout style;
  --content-width-prose: 4.0625rem;
  --content-width-prose-wide: 5rem;
  --content-width-compact: 2.8125rem;
  --fluid-spacing-3xs: var(--fluid-layout-spacing-3xs);
  --fluid-spacing-2xs: var(--fluid-layout-spacing-2xs);
  --fluid-spacing-xs: var(--fluid-layout-spacing-xs);
  --fluid-spacing-s: var(--fluid-layout-spacing-s);
  --fluid-spacing-m: var(--fluid-layout-spacing-m);
  --fluid-spacing-l: var(--fluid-layout-spacing-l);
  --fluid-spacing-xl: var(--fluid-layout-spacing-xl);
  --fluid-spacing-2xl: var(--fluid-layout-spacing-2xl);
  --fluid-spacing-3xl: var(--fluid-layout-spacing-3xl);
  --fluid-font-size-xs: var(--typography-font-size-fluid-xs);
  --fluid-font-size-s: var(--typography-font-size-fluid-s);
  --fluid-font-size-m: var(--typography-font-size-fluid-base);
  --fluid-font-size-l: var(--typography-font-size-fluid-l);
  --fluid-font-size-xl: var(--typography-font-size-fluid-xl);
  --fluid-font-size-2xl: var(--typography-font-size-fluid-2xl);
  --fluid-font-size-3xl: var(--typography-font-size-fluid-3xl);
  --fluid-font-size-4xl: var(--typography-font-size-fluid-4xl);
  --fluid-font-size-5xl: var(--typography-font-size-fluid-5xl);
  --fluid-gap-xs: var(--fluid-layout-gap-xs);
  --fluid-gap-s: var(--fluid-layout-gap-s);
  --fluid-gap-m: var(--fluid-layout-gap-m);
  --fluid-gap-l: var(--fluid-layout-gap-l);
  --fluid-gap-xl: var(--fluid-layout-gap-xl);
  --fluid-radius-s: var(--fluid-layout-radius-s);
  --fluid-radius-m: var(--fluid-layout-radius-m);
  --fluid-radius-l: var(--fluid-layout-radius-l);
  --fluid-radius-xl: var(--fluid-layout-radius-xl);
  --fluid-radius-2xl: var(--fluid-layout-radius-2xl);
  --fluid-padding-xs: var(--fluid-layout-padding-xs);
  --fluid-padding-s: var(--fluid-layout-padding-s);
  --fluid-padding-m: var(--fluid-layout-padding-m);
  --fluid-padding-l: var(--fluid-layout-padding-l);
  --fluid-padding-xl: var(--fluid-layout-padding-xl);
  --grid-baseline-unit: var(--spacing-1);
  --grid-baseline-half: var(--spacing-0-5);
  --grid-baseline-double: var(--spacing-2);
  --grid-baseline-triple: var(--spacing-3);
  --grid-baseline-quad: var(--spacing-4);
  --logical-spacing-inline-start-xs: var(--spacing-2);
  --logical-spacing-inline-start-s: var(--spacing-3);
  --logical-spacing-inline-start-m: var(--spacing-4);
  --logical-spacing-inline-start-l: var(--spacing-6);
  --logical-spacing-inline-start-xl: var(--spacing-8);
  --logical-spacing-inline-end-xs: var(--spacing-2);
  --logical-spacing-inline-end-s: var(--spacing-3);
  --logical-spacing-inline-end-m: var(--spacing-4);
  --logical-spacing-inline-end-l: var(--spacing-6);
  --logical-spacing-inline-end-xl: var(--spacing-8);
  --logical-spacing-block-start-xs: var(--spacing-2);
  --logical-spacing-block-start-s: var(--spacing-3);
  --logical-spacing-block-start-m: var(--spacing-4);
  --logical-spacing-block-start-l: var(--spacing-6);
  --logical-spacing-block-start-xl: var(--spacing-8);
  --logical-spacing-block-end-xs: var(--spacing-2);
  --logical-spacing-block-end-s: var(--spacing-3);
  --logical-spacing-block-end-m: var(--spacing-4);
  --logical-spacing-block-end-l: var(--spacing-6);
  --logical-spacing-block-end-xl: var(--spacing-8);
  --responsive-mobile: var(--breakpoints-s);
  --responsive-tablet: var(--breakpoints-m);
  --responsive-desktop: var(--breakpoints-l);
  --responsive-wide: var(--breakpoints-xl);
  --responsive-ultrawide: var(--breakpoints-xxl);
  --responsive-container-3xs: 10rem;
  --responsive-container-2xs: 15rem;
  --responsive-container-xs: 20rem;
  --responsive-container-s: 30rem;
  --responsive-container-m: 40rem;
  --responsive-container-l: 55rem;
  --responsive-container-xl: 70rem;
  --responsive-container-2xl: 85rem;
  --responsive-container-3xl: 100rem;
  --scope-boundary-app: [data-scope='app'];
  --scope-boundary-section: [data-scope='section'];
  --scope-boundary-component: [data-scope='component'];
  --scope-boundary-overlay: [data-scope='overlay'];
  --scope-limit-self: :scope;
  --scope-limit-descendants: :scope *;
  --scope-limit-interactive: :scope :is(button, a, input, select, textarea, [role='button']);
  --space-component-padding-xs: var(--spacing-2);
  --space-component-padding-s: var(--spacing-3);
  --space-component-padding-base: var(--spacing-4);
  --space-component-padding-m: var(--spacing-6);
  --space-component-padding-l: var(--spacing-8);
  --space-component-padding-xl: var(--spacing-12);
  --space-component-gap-xs: var(--spacing-1);
  --space-component-gap-s: var(--spacing-2);
  --space-component-gap-m: var(--spacing-4);
  --space-component-gap-l: var(--spacing-6);
  --space-intent-inline-gap: var(--spacing-2);
  --space-intent-stack-gap: var(--spacing-3);
  --space-intent-zero-gap: var(--spacing-0);
  --z-content-base: var(--z-index-base);
  --z-content-elevated: var(--z-index-elevated);
  --z-content-raised: var(--z-index-raised);
  --z-navigation-dropdown: var(--z-index-dropdown);
  --z-navigation-sticky: var(--z-index-sticky);
  --z-navigation-fixed: var(--z-index-fixed);
  --z-overlay-backdrop: var(--z-index-overlay);
  --z-overlay-modal: var(--z-index-modal);
  --z-overlay-popover: var(--z-index-popover);
  --z-notification-toast: var(--z-index-toast);
  --z-notification-tooltip: var(--z-index-tooltip);
  --time-interaction-tap-delay: 0ms;
  --scroll-animation-parallax-rate: var(--scroll-parallax-speed-slow);
  --scroll-animation-reveal-threshold: var(--scroll-reveal-threshold-medium);
  --scroll-animation-progress-bar-height: calc(0.0625rem * 3);
  --scroll-animation-fade-distance: calc(6rem + 0.25rem);
  --view-transition-duration: var(--timing-duration-slow);
  --view-transition-easing: var(--animation-preset-fade-easing);
  --view-transition-morph-duration: 360ms;
  --view-transition-fade-duration: var(--timing-duration-normal);
  --view-transition-slide-distance: calc(1.75rem + 0.125rem);
  --spring-snappy-stiffness: var(--motion-spring-snappy-stiffness);
  --spring-snappy-damping: var(--motion-spring-snappy-damping);
  --spring-snappy-mass: var(--motion-spring-snappy-mass);
  --spring-gentle-stiffness: var(--motion-spring-gentle-stiffness);
  --spring-gentle-damping: var(--motion-spring-gentle-damping);
  --spring-gentle-mass: var(--motion-spring-gentle-mass);
  --spring-bouncy-stiffness: var(--motion-spring-bouncy-stiffness);
  --spring-bouncy-damping: var(--motion-spring-bouncy-damping);
  --spring-bouncy-mass: var(--motion-spring-bouncy-mass);
  --spring-sheet-stiffness: var(--motion-spring-sheet-stiffness);
  --spring-sheet-damping: var(--motion-spring-sheet-damping);
  --spring-sheet-mass: var(--motion-spring-sheet-mass);
  --spring-stiff-stiffness: var(--motion-spring-stiff-stiffness);
  --spring-stiff-damping: var(--motion-spring-stiff-damping);
  --spring-stiff-mass: var(--motion-spring-stiff-mass);
  --spring-wobbly-stiffness: var(--motion-spring-wobbly-stiffness);
  --spring-wobbly-damping: var(--motion-spring-wobbly-damping);
  --spring-wobbly-mass: var(--motion-spring-wobbly-mass);
  --skeleton-from: light-dark(var(--color-neutral-150), var(--color-surface-subtle));
  --skeleton-via: light-dark(var(--color-neutral-100), var(--color-surface-overlay));
  --skeleton-to: light-dark(var(--color-neutral-150), var(--color-surface-subtle));
  --skeleton-duration: 1500ms;
  --skeleton-radius: var(--radius-s);
  --skeleton-base: light-dark(var(--color-neutral-100), var(--color-surface-raised));
  --skeleton-highlight: light-dark(var(--color-neutral-50), var(--color-surface-elevated));
  --micro-button-press-scale: var(--transform-scale-press);
  --micro-button-press-duration: 80ms;
  --micro-toggle-duration: 150ms;
  --micro-checkbox-duration: 120ms;
  --micro-ripple-duration: 420ms;
  --micro-tooltip-delay: var(--timing-duration-slower);
  --micro-toast-auto-dismiss: 5000ms;
  --color-scheme-name: light;
  --color-scheme-value: light-dark(light, dark);
  --color-scheme-luminance: light-dark(0.97, 0.12);
  --color-scheme-is-dark: light-dark(0, 1);
  --color-scheme-contrast: var(--contrast-mode);
  --color-scheme-saturation: 1;
  --color-rotation-hue-shift: 0;
  --color-interpolation-space: oklch;
  --density-scale: var(--density-comfortable-scale);
  --density-compact-scale: 0.85;
  --density-comfortable-scale: 1;
  --density-spacious-scale: 1.15;
  --performance-debounce-search: var(--timing-duration-slow);
  --performance-debounce-autocomplete: var(--timing-duration-slower);
  --performance-debounce-resize: var(--timing-duration-fast-plus);
  --performance-debounce-scroll: var(--timing-duration-fast);
  --performance-debounce-input: var(--timing-duration-normal);
  --performance-throttle-scroll: 16ms;
  --performance-throttle-resize: var(--timing-duration-fast);
  --performance-throttle-mousemove: var(--timing-duration-instant);
  --performance-idle-timeout-default: var(--timing-duration-ambient);
  --performance-idle-timeout-analytics: 3000ms;
  --performance-frame-budget: 16.67ms;
  --performance-interaction-budget: var(--timing-duration-fast);
  --performance-navigation-budget: var(--timing-duration-slow);
  --performance-interpolate-size: allow-keywords;
  --performance-compositor-properties: transform, opacity;
  --performance-will-change-duration: var(--timing-duration-normal);
  --performance-max-simultaneous-animations: 3;
  --performance-theme-switch-budget: var(--timing-duration-fast);
  --print-style-section-break: var(--print-break-before-page);
  --print-style-section-avoid-break: var(--print-break-inside-avoid-page);
  --print-style-card-avoid-break: var(--print-break-inside-avoid);
  --print-style-table-avoid-break: var(--print-style-section-avoid-break);
  --print-style-column-break: var(--print-break-before-column);
  --print-style-column-avoid-break: var(--print-break-inside-avoid-column);
  --typography-advanced-optical-size-body: auto;
  --typography-advanced-optical-size-caption: 8;
  --typography-advanced-optical-size-display: 48;
  --typography-advanced-text-wrap-heading: balance;
  --typography-advanced-text-wrap-body: pretty;
  --typography-advanced-text-wrap-caption: stable;
  --typography-advanced-tracking-display: -0.02em;
  --typography-advanced-tracking-heading: -0.01em;
  --typography-advanced-tracking-body: 0rem;
  --typography-advanced-tracking-caption: 0.02em;
  --typography-advanced-tracking-overline: 0.08em;
  --typography-advanced-numeric-tabular: tabular-nums;
  --typography-advanced-numeric-tabular-font-feature-settings: "tnum";
  --typography-advanced-numeric-lining: lining-nums;
  --typography-advanced-numeric-lining-font-feature-settings: "lnum";
  --typography-advanced-numeric-oldstyle: oldstyle-nums;
  --typography-advanced-numeric-oldstyle-font-feature-settings: "onum";
  --typography-advanced-numeric-proportional: proportional-nums;
  --typography-advanced-numeric-proportional-font-feature-settings: "pnum";
  --typography-advanced-numeric-proportional-lining: proportional-nums lining-nums;
  --typography-advanced-numeric-proportional-oldstyle: proportional-nums oldstyle-nums;
  --typography-advanced-numeric-tabular-lining: tabular-nums lining-nums;
  --typography-advanced-numeric-tabular-oldstyle: tabular-nums oldstyle-nums;
  --typography-advanced-size-adjust-sans: 0.52;
  --typography-advanced-size-adjust-mono: 0.48;
  --typography-advanced-decoration-underline-offset: var(--typography-text-underline-offset-m);
  --typography-advanced-decoration-underline-offset-s: var(--typography-text-underline-offset-s);
  --typography-advanced-decoration-underline-offset-l: var(--typography-text-underline-offset-l);
  --typography-advanced-decoration-underline-thickness: var(--typography-text-decoration-thickness-default);
  --typography-advanced-decoration-underline-thickness-thin: var(--typography-text-decoration-thickness-thin);
  --typography-advanced-decoration-underline-thickness-thick: var(--typography-text-decoration-thickness-thick);
  --typography-advanced-text-transform-heading: var(--typography-text-transform-none);
  --typography-advanced-text-transform-uppercase: var(--typography-text-transform-uppercase);
  --typography-advanced-text-transform-capitalize: var(--typography-text-transform-capitalize);
  --type-scale-step-n4: 0.41rem;
  --type-scale-step-n3: 0.51rem;
  --type-scale-step-n2: 0.64rem;
  --type-scale-step-n1: 0.8rem;
  --type-scale-step-0: 1rem;
  --type-scale-step-1: 1.25rem;
  --type-scale-step-2: 1.563rem;
  --type-scale-step-3: 1.953rem;
  --type-scale-step-4: 2.441rem;
  --type-scale-step-5: 3.052rem;
  --type-scale-step-6: 3.815rem;
  --type-scale-step-7: 4.768rem;
  --type-scale-step-8: 5.96rem;
  --visual-border-style-default: var(--border-style-solid);
  --shadow-component-table-sticky-first-column: 1px 0px 0px 0px oklch(0.85 0 0);
  --shadow-none: var(--primitive-shadow-none);
  --shadow-xs: light-dark(0px 1px 2px 0px oklch(0 0 0 / 0.05), 0px 1px 2px 0px oklch(0 0 0 / 0.3));
  --shadow-s: light-dark(var(--shadow-s--light), var(--shadow-s--dark));
  --shadow-base: light-dark(var(--shadow-base--light), var(--shadow-base--dark));
  --shadow-m: light-dark(var(--shadow-m--light), var(--shadow-m--dark));
  --shadow-l: light-dark(var(--shadow-l--light), var(--shadow-l--dark));
  --shadow-xl: light-dark(0px 25px 50px -12px oklch(0 0 0 / 0.25), 0px 25px 50px -12px oklch(0 0 0 / 0.7));
  --shadow-2xl: light-dark(0px 25px 50px -12px oklch(0 0 0 / 0.5), 0px 25px 50px -12px oklch(0 0 0 / 0.8));
  --shadow-inner: light-dark(inset 0px 2px 4px 0px oklch(0 0 0 / 0.05), inset 0px 2px 4px 0px oklch(0 0 0 / 0.3));
  --elevation-none: var(--shadow-none);
  --elevation-card: var(--shadow-s);
  --elevation-card-hover: var(--shadow-m);
  --elevation-dropdown: var(--shadow-l);
  --elevation-modal: var(--shadow-xl);
  --elevation-popover: var(--shadow-m);
  --elevation-tooltip: var(--shadow-base);
  --elevation-floating: var(--shadow-2xl);
  --elevation-inset: var(--shadow-inner);
  --glass-surface-background: var(--color-alpha-white-50);
  --glass-surface-border: var(--color-border-default);
  --glass-surface-shadow: var(--shadow-s);
  --glass-surface-tint-s: var(--color-alpha-white-30);
  --glass-surface-tint-m: var(--color-alpha-white-50);
  --glass-surface-tint-l: var(--color-alpha-white-70);
  --glass-surface-edge-highlight-s: var(--glass-surface-tint-s);
  --glass-surface-edge-highlight-m: var(--color-alpha-white-50);
  --glass-surface-edge-highlight-l: var(--glass-surface-tint-l);
  --glass-filter-s: var(--primitive-blur-s);
  --glass-filter-m: var(--primitive-blur-base);
  --glass-filter-l: var(--primitive-blur-m);
  --glass-filter-xl: var(--primitive-blur-xl);
  --glass-filter-saturation-s: 1.1;
  --glass-filter-saturation-m: 1.25;
  --glass-filter-saturation-l: 1.4;
  --glass-filter-contrast-s: 1.03;
  --glass-filter-contrast-m: 1.08;
  --glass-filter-contrast-l: 1.12;
  --glass-filter-brightness-s: 1.02;
  --glass-filter-brightness-m: 1.06;
  --glass-filter-brightness-l: 1.1;
  --glass-layer-tint-opacity-s: 0.25;
  --glass-layer-tint-opacity-m: 0.38;
  --glass-layer-tint-opacity-l: 0.52;
  --glass-layer-edge-opacity-s: 0.24;
  --glass-layer-edge-opacity-m: 0.36;
  --glass-layer-edge-opacity-l: 0.5;
  --glass-layer-noise-opacity-s: 0.03;
  --glass-layer-noise-opacity-m: 0.06;
  --glass-layer-noise-opacity-l: 0.09;
  --glass-preset-liquid-blur: var(--glass-filter-l);
  --glass-preset-liquid-saturation: var(--glass-filter-saturation-l);
  --glass-preset-liquid-contrast: var(--glass-filter-contrast-m);
  --glass-preset-liquid-brightness: var(--glass-filter-brightness-m);
  --glass-preset-liquid-tint-opacity: var(--glass-layer-tint-opacity-m);
  --glass-preset-frosted-blur: var(--glass-filter-xl);
  --glass-preset-frosted-saturation: var(--glass-filter-saturation-s);
  --glass-preset-frosted-contrast: var(--glass-filter-contrast-s);
  --glass-preset-frosted-brightness: var(--glass-filter-brightness-l);
  --glass-preset-frosted-tint-opacity: var(--glass-layer-tint-opacity-l);
  --icon-container-size-xs: var(--size-3-5);
  --icon-container-size-s: var(--size-4);
  --icon-container-size-m: var(--size-5);
  --icon-container-size-l: var(--size-6);
  --overlay-image-dark: var(--color-alpha-black-60);
  --overlay-image-dark-strong: var(--color-alpha-black-70);
  --overlay-image-light: var(--color-alpha-white-60);
  --overlay-image-light-strong: var(--color-alpha-white-70);
  --radius-none: var(--primitive-radius-none);
  --radius-xs: var(--primitive-radius-xs);
  --radius-s: var(--primitive-radius-s);
  --radius-base: var(--primitive-radius-base);
  --radius-m: var(--primitive-radius-m);
  --radius-l: var(--primitive-radius-l);
  --radius-xl: var(--primitive-radius-xl);
  --radius-2xl: var(--primitive-radius-2xl);
  --radius-3xl: var(--primitive-radius-3xl);
  --radius-full: var(--primitive-radius-full);
  --component-accordion-header-background-default: var(--color-surface-base);
  --component-accordion-header-background-hover: var(--color-surface-subtle);
  --component-accordion-header-background-active: var(--color-surface-raised);
  --component-accordion-header-text-default: var(--color-text-default);
  --component-accordion-header-text-disabled: var(--color-text-disabled);
  --component-accordion-header-icon-default: var(--color-text-subtle);
  --component-accordion-header-icon-active: var(--color-brand-primary-default);
  --component-accordion-content-background: var(--color-surface-base);
  --component-accordion-content-text: var(--color-text-default);
  --component-accordion-border-default: var(--color-border-default);
  --component-accordion-border-focus: var(--color-brand-primary-default);
  --component-accordion-radius: var(--radius-m);
  --component-alert-info-background: var(--color-feedback-info-subtle);
  --component-alert-info-border: var(--color-feedback-info-default);
  --component-alert-info-text: var(--color-feedback-info-text);
  --component-alert-info-icon: var(--color-feedback-info-icon);
  --component-alert-success-background: var(--color-feedback-success-subtle);
  --component-alert-success-border: var(--color-feedback-success-default);
  --component-alert-success-text: var(--color-feedback-success-text);
  --component-alert-success-icon: var(--color-feedback-success-icon);
  --component-alert-warning-background: var(--color-feedback-warning-subtle);
  --component-alert-warning-border: var(--color-feedback-warning-default);
  --component-alert-warning-text: var(--color-feedback-warning-text);
  --component-alert-warning-icon: var(--color-feedback-warning-icon);
  --component-alert-error-background: var(--color-feedback-error-subtle);
  --component-alert-error-border: var(--color-feedback-error-default);
  --component-alert-error-text: var(--color-feedback-error-text);
  --component-alert-error-icon: var(--color-feedback-error-icon);
  --component-alert-radius: var(--radius-2xl);
  --component-avatar-1: var(--color-decorative-sky-icon);
  --component-avatar-2: var(--color-decorative-emerald-icon);
  --component-avatar-3: var(--color-decorative-purple-icon);
  --component-avatar-4: var(--color-decorative-orange-icon);
  --component-avatar-5: var(--color-decorative-pink-icon);
  --component-avatar-6: var(--color-decorative-teal-icon);
  --component-avatar-7: var(--color-decorative-amber-icon);
  --component-avatar-8: var(--color-decorative-indigo-icon);
  --component-avatar-9: var(--color-decorative-rose-icon);
  --component-avatar-10: var(--color-decorative-cyan-icon);
  --component-avatar-stack-border-width: var(--border-card);
  --component-avatar-stack-border-color: var(--color-surface-base);
  --component-badge-online-bg: var(--color-feedback-success-default);
  --component-badge-online-border: var(--color-feedback-success-icon);
  --component-badge-offline-bg: var(--color-text-disabled);
  --component-badge-offline-border: var(--color-feedback-neutral-default);
  --component-badge-away-bg: var(--color-feedback-warning-default);
  --component-badge-away-border: var(--color-feedback-warning-icon);
  --component-badge-busy-bg: var(--color-feedback-error-default);
  --component-badge-busy-border: var(--color-feedback-error-icon);
  --component-badge-notification-bg: var(--color-feedback-error-default);
  --component-badge-notification-text: var(--color-text-on-primary);
  --component-badge-size-s-padding-x: var(--space-component-padding-xs);
  --component-badge-size-s-padding-y: var(--space-component-gap-xs);
  --component-badge-size-s-font-size: var(--typography-label-s-font-size);
  --component-badge-size-m-padding-x: var(--space-component-padding-s);
  --component-badge-size-m-padding-y: var(--space-component-gap-xs);
  --component-badge-size-m-font-size: var(--typography-label-base-font-size);
  --component-badge-size-l-padding-x: var(--space-component-padding-base);
  --component-badge-size-l-padding-y: var(--space-component-padding-xs);
  --component-badge-size-l-font-size: var(--typography-label-l-font-size);
  --component-breadcrumb-item-text-default: var(--color-text-subtle);
  --component-breadcrumb-item-text-hover: var(--color-text-default);
  --component-breadcrumb-item-text-current: var(--color-text-default);
  --component-breadcrumb-item-text-disabled: var(--color-text-disabled);
  --component-breadcrumb-item-link-default: var(--color-interactive-text-default);
  --component-breadcrumb-item-link-hover: var(--color-interactive-text-hover);
  --component-breadcrumb-item-link-focus: var(--color-brand-primary-default);
  --component-breadcrumb-separator-color: var(--color-text-muted);
  --component-button-primary-background-default: var(--color-brand-primary-default);
  --component-button-primary-background-hover: var(--color-brand-primary-hover);
  --component-button-primary-background-active: var(--color-brand-primary-active);
  --component-button-primary-background-disabled: var(--color-brand-primary-disabled);
  --component-button-primary-text-default: var(--color-text-on-primary);
  --component-button-primary-text-disabled: var(--color-text-disabled);
  --component-button-primary-border-default: var(--color-border-transparent);
  --component-button-primary-border-focus: var(--color-brand-primary-default);
  --component-button-primary-radius: var(--radius-2xl);
  --component-button-primary-padding-x: var(--space-component-padding-base);
  --component-button-primary-padding-y: var(--space-component-padding-xs);
  --component-button-secondary-background-default: var(--color-border-transparent);
  --component-button-secondary-background-hover: var(--color-surface-subtle);
  --component-button-secondary-background-active: var(--color-surface-raised);
  --component-button-secondary-text-default: var(--color-brand-primary-default);
  --component-button-secondary-border-default: var(--color-border-default);
  --component-button-secondary-border-hover: var(--color-brand-primary-default);
  --component-button-ghost-background-default: var(--color-border-transparent);
  --component-button-ghost-background-hover: var(--color-surface-subtle);
  --component-button-ghost-text-default: var(--color-text-default);
  --component-button-focus-visible-outline-color: var(--accessibility-focus-ring-color);
  --component-button-focus-visible-outline-width: var(--accessibility-focus-ring-width);
  --component-button-focus-visible-outline-offset: var(--accessibility-focus-ring-offset);
  --component-button-focus-visible-outline-style: var(--visual-border-style-default);
  --component-button-loading-opacity: var(--interactive-opacity-loading);
  --component-button-loading-spinner-color-primary: var(--color-text-on-primary);
  --component-button-loading-spinner-color-secondary: var(--color-brand-primary-default);
  --component-button-loading-spinner-color-ghost: var(--color-text-default);
  --component-button-loading-spinner-size: var(--layout-spinner-size-s);
  --component-button-loading-cursor: var(--interactivity-cursor-loading);
  --component-calendar-surface-background: var(--color-surface-base);
  --component-calendar-surface-border: var(--color-border-default);
  --component-calendar-day-size: var(--layout-calendar-day-size);
  --component-calendar-day-radius: var(--radius-m);
  --component-calendar-day-text: var(--color-text-default);
  --component-calendar-day-background-hover: var(--color-surface-hover);
  --component-calendar-day-background-selected: var(--color-interactive-default);
  --component-calendar-day-text-selected: var(--color-interactive-on-interactive);
  --component-card-background: var(--color-surface-raised);
  --component-card-border-default: var(--color-border-default);
  --component-card-border-hover: var(--color-border-muted);
  --component-card-radius-default: var(--radius-2xl);
  --component-card-radius-s: var(--radius-m);
  --component-card-radius-none: var(--radius-none);
  --component-card-shadow-default: var(--shadow-m);
  --component-card-shadow-hover: var(--shadow-l);
  --component-card-shadow-s: var(--shadow-s);
  --component-card-padding-m: var(--space-component-padding-m);
  --component-card-padding-s: var(--space-component-padding-base);
  --component-card-padding-l: var(--space-component-padding-l);
  --component-card-inner-radius: var(--radius-m);
  --component-chart-shell-header-gap: var(--space-intent-stack-gap);
  --component-chart-shell-header-margin-bottom: var(--space-intent-stack-gap);
  --component-chart-shell-title-font-size: var(--typography-label-base-font-size);
  --component-chart-shell-title-font-weight: var(--typography-label-base-font-weight);
  --component-chart-shell-title-color: var(--color-text-default);
  --component-chart-shell-subtitle-font-size: var(--typography-body-s-font-size);
  --component-chart-shell-subtitle-color: var(--color-text-muted);
  --component-chart-shell-skeleton-radius: var(--radius-m);
  --component-chart-shell-skeleton-background-start: var(--color-surface-subtle);
  --component-chart-shell-skeleton-background-mid: var(--color-surface-raised);
  --component-chart-shell-error-color: var(--color-feedback-error-default);
  --component-chart-shell-empty-color: var(--color-text-muted);
  --component-chart-shell-state-min-height: var(--space-component-padding-xl);
  --component-checkbox-background-unchecked: var(--color-surface-base);
  --component-checkbox-background-checked: var(--color-brand-primary-default);
  --component-checkbox-background-indeterminate: var(--color-brand-primary-default);
  --component-checkbox-background-disabled: var(--color-surface-disabled);
  --component-checkbox-border-unchecked: var(--color-border-default);
  --component-checkbox-border-checked: var(--color-brand-primary-default);
  --component-checkbox-border-focus: var(--color-brand-primary-default);
  --component-checkbox-border-error: var(--color-feedback-error-default);
  --component-checkbox-border-disabled: var(--color-border-disabled);
  --component-checkbox-icon-default: var(--color-text-on-primary);
  --component-checkbox-icon-disabled: var(--color-text-disabled);
  --component-checkbox-label-default: var(--color-text-default);
  --component-checkbox-label-disabled: var(--color-text-disabled);
  --component-checkbox-size-default: var(--layout-control-checkbox-size);
  --component-checkbox-radius: var(--radius-xs);
  --component-chip-default-bg: var(--color-surface-raised);
  --component-chip-default-bg-hover: var(--color-surface-elevated);
  --component-chip-default-bg-active: var(--color-surface-overlay);
  --component-chip-default-text: var(--color-text-default);
  --component-chip-default-border: var(--color-border-default);
  --component-chip-default-icon: var(--color-text-muted);
  --component-chip-default-icon-hover: var(--color-text-default);
  --component-chip-selected-bg: var(--color-brand-primary-default);
  --component-chip-selected-bg-hover: var(--color-brand-primary-hover);
  --component-chip-selected-bg-active: var(--color-brand-primary-active);
  --component-chip-selected-text: var(--color-text-on-primary);
  --component-chip-selected-icon: var(--color-text-on-primary);
  --component-chip-selected-icon-hover: var(--color-text-inverse);
  --component-chip-disabled-bg: var(--color-surface-subtle);
  --component-chip-disabled-text: var(--color-text-disabled);
  --component-chip-disabled-border: var(--color-border-disabled);
  --component-chip-disabled-icon: var(--color-text-disabled);
  --component-chip-error-bg: var(--color-feedback-error-muted);
  --component-chip-error-text: var(--color-feedback-error-text);
  --component-chip-error-border: var(--color-feedback-error-border);
  --component-chip-error-icon: var(--color-feedback-error-icon);
  --component-chip-size-s-padding-x: var(--space-component-padding-s);
  --component-chip-size-s-padding-y: var(--space-component-gap-xs);
  --component-chip-size-s-font-size: var(--typography-label-s-font-size);
  --component-chip-size-m-padding-x: var(--space-component-padding-base);
  --component-chip-size-m-padding-y: var(--space-component-gap-xs);
  --component-chip-size-m-font-size: var(--typography-label-base-font-size);
  --component-chip-size-l-padding-x: var(--space-component-padding-m);
  --component-chip-size-l-padding-y: var(--space-component-padding-xs);
  --component-chip-size-l-font-size: var(--typography-label-l-font-size);
  --component-chip-radius: var(--radius-full);
  --component-combobox-input-background: var(--component-input-background-default);
  --component-combobox-input-border: var(--component-input-border-default);
  --component-combobox-input-text: var(--component-input-text-default);
  --component-combobox-menu-background: var(--color-surface-popover);
  --component-combobox-menu-border: var(--color-border-default);
  --component-combobox-menu-shadow: var(--shadow-l);
  --component-combobox-option-height: var(--layout-combobox-option-height);
  --component-combobox-option-background-hover: var(--color-surface-hover);
  --component-combobox-option-background-selected: var(--color-surface-selected);
  --component-dialog-overlay-background: var(--color-overlay-scrim);
  --component-dialog-surface-background: var(--color-surface-overlay);
  --component-dialog-border-default: var(--color-border-default);
  --component-dialog-radius: var(--radius-2xl);
  --component-dialog-shadow: var(--shadow-xl);
  --component-dialog-padding-header: var(--space-component-padding-m);
  --component-dialog-padding-body: var(--space-component-padding-m);
  --component-dialog-padding-footer: var(--space-component-padding-m);
  --component-dialog-spacing-header-body: var(--space-component-gap-m);
  --component-dialog-spacing-body-footer: var(--space-component-gap-m);
  --component-dialog-width-s: var(--layout-dialog-width-s);
  --component-dialog-width-m: var(--layout-dialog-width-m);
  --component-dialog-width-l: var(--layout-dialog-width-l);
  --component-dialog-backdrop-blur: var(--backdrop-blur-base);
  --component-divider-width: var(--border-divider);
  --component-divider-component-default: var(--color-border-muted);
  --component-divider-component-subtle: var(--color-border-disabled);
  --component-divider-component-strong: var(--color-border-default);
  --component-divider-component-brand: var(--color-brand-primary-default);
  --component-divider-component-decorative: var(--color-surface-raised);
  --component-drawer-overlay-background: var(--color-overlay-scrim);
  --component-drawer-surface-background: var(--color-surface-overlay);
  --component-drawer-surface-shadow: var(--shadow-xl);
  --component-drawer-width-s: var(--layout-drawer-width-s);
  --component-drawer-width-m: var(--layout-drawer-width-m);
  --component-drawer-width-l: var(--layout-drawer-width-l);
  --component-drawer-padding-header: var(--space-component-padding-m);
  --component-drawer-padding-content: var(--space-component-padding-m);
  --component-drawer-padding-footer: var(--space-component-padding-m);
  --component-dropdown-surface-background: var(--color-surface-raised);
  --component-dropdown-border-default: var(--color-border-default);
  --component-dropdown-radius: var(--radius-m);
  --component-dropdown-shadow: var(--elevation-dropdown);
  --component-dropdown-item-background-default: var(--color-border-transparent);
  --component-dropdown-item-background-hover: var(--color-surface-subtle);
  --component-dropdown-item-background-active: var(--color-surface-base);
  --component-dropdown-item-background-disabled: var(--color-surface-disabled);
  --component-dropdown-item-text-default: var(--color-text-default);
  --component-dropdown-item-text-active: var(--color-brand-primary-default);
  --component-dropdown-item-text-disabled: var(--color-text-disabled);
  --component-dropdown-item-padding-x: var(--space-component-padding-s);
  --component-dropdown-item-padding-y: var(--space-component-padding-xs);
  --component-dropdown-padding: var(--space-component-gap-xs);
  --component-empty-state-surface-card-background: var(--color-surface-raised);
  --component-empty-state-surface-card-border: var(--color-border-subtle);
  --component-empty-state-surface-card-shadow: var(--shadow-s);
  --component-empty-state-icon-size: var(--mobile-touch-target-comfortable);
  --component-empty-state-icon-background: var(--color-surface-subtle);
  --component-empty-state-icon-color: var(--color-icon-default);
  --component-empty-state-description-measure: var(--layout-empty-state-description-measure);
  --component-form-field-label-text-default: var(--color-text-default);
  --component-form-field-label-text-required: var(--color-feedback-error-text);
  --component-form-field-label-text-disabled: var(--color-text-disabled);
  --component-form-field-label-font-size: var(--typography-label-base-font-size);
  --component-form-field-label-font-weight: var(--typography-label-base-font-weight);
  --component-form-field-helper-text: var(--color-text-muted);
  --component-form-field-helper-font-size: var(--typography-body-s-font-size);
  --component-form-field-error-text: var(--color-feedback-error-text);
  --component-form-field-error-icon: var(--color-feedback-error-icon);
  --component-form-field-error-border: var(--color-feedback-error-default);
  --component-form-field-error-font-size: var(--typography-body-s-font-size);
  --component-form-field-control-background-invalid: var(--color-feedback-error-muted);
  --component-form-field-control-border-invalid: var(--color-feedback-error-default);
  --component-form-field-spacing-label-to-control: var(--space-component-gap-xs);
  --component-form-field-spacing-control-to-helper: var(--space-component-gap-xs);
  --component-form-field-spacing-control-to-error: var(--space-component-gap-xs);
  --component-icon-size-xs: var(--icon-container-size-xs);
  --component-icon-size-s: var(--icon-container-size-s);
  --component-icon-size-m: var(--icon-container-size-m);
  --component-icon-size-l: var(--icon-container-size-l);
  --component-icon-size-xl: var(--layout-control-pagination-item-size);
  --component-input-background-default: var(--color-surface-base);
  --component-input-background-hover: var(--color-surface-subtle);
  --component-input-background-focus: var(--color-surface-base);
  --component-input-background-disabled: var(--color-surface-disabled);
  --component-input-text-default: var(--color-text-default);
  --component-input-text-placeholder: var(--color-text-muted);
  --component-input-text-disabled: var(--color-text-disabled);
  --component-input-border-default: var(--color-border-default);
  --component-input-border-hover: var(--color-border-muted);
  --component-input-border-focus: var(--color-brand-primary-default);
  --component-input-border-error: var(--color-feedback-error-default);
  --component-input-border-disabled: var(--color-border-disabled);
  --component-input-padding-x: var(--space-component-padding-s);
  --component-input-padding-y: var(--space-component-padding-xs);
  --component-input-radius: var(--radius-2xl);
  --component-input-height-s: var(--layout-control-input-height-s);
  --component-input-height-m: var(--layout-control-input-height-m);
  --component-input-height-l: var(--layout-control-input-height-l);
  --component-input-field-sizing: var(--layout-field-sizing-multiline);
  --component-kbd-bg: var(--color-surface-raised);
  --component-kbd-color: var(--color-text-default);
  --component-kbd-border-color: var(--color-border-default);
  --component-kbd-border-width: var(--border-divider);
  --component-kbd-radius: var(--radius-s);
  --component-kbd-font-size: var(--typography-label-s-font-size);
  --component-kbd-font-family: var(--typography-code-block-font-family);
  --component-kbd-padding-x: var(--space-component-padding-xs);
  --component-kbd-padding-y: var(--space-component-gap-xs);
  --component-kbd-shadow: var(--shadow-xs);
  --component-link-color-default: var(--color-brand-primary-default);
  --component-link-color-hover: var(--color-brand-primary-hover);
  --component-link-color-muted: var(--color-text-default);
  --component-link-color-subtle: var(--color-text-muted);
  --component-link-color-disabled: var(--color-text-disabled);
  --component-link-underline-offset: var(--typography-advanced-decoration-underline-offset);
  --component-link-underline-thickness: var(--typography-advanced-decoration-underline-thickness-thin);
  --component-link-indicator-size: var(--icon-container-size-s);
  --component-link-indicator-color: var(--color-icon-muted);
  --component-logo-size-s: var(--icon-container-size-l);
  --component-logo-size-m: var(--layout-control-pagination-item-size);
  --component-logo-size-l: var(--space-component-padding-xl);
  --component-logo-color-primary: var(--color-brand-primary-default);
  --component-logo-color-secondary: var(--color-text-default);
  --component-logo-color-muted: var(--color-text-muted);
  --component-menu-surface-background: var(--color-surface-raised);
  --component-menu-surface-border: var(--color-border-default);
  --component-menu-surface-radius: var(--radius-m);
  --component-menu-surface-shadow: var(--shadow-m);
  --component-menu-item-background-default: var(--color-border-transparent);
  --component-menu-item-background-hover: var(--color-surface-subtle);
  --component-menu-item-background-active: var(--color-surface-overlay);
  --component-menu-item-background-selected: var(--color-brand-primary-default);
  --component-menu-item-background-disabled: var(--color-surface-disabled);
  --component-menu-item-text-default: var(--color-text-default);
  --component-menu-item-text-muted: var(--color-text-muted);
  --component-menu-item-text-selected: var(--color-text-on-primary);
  --component-menu-item-text-disabled: var(--color-text-disabled);
  --component-menu-item-icon-default: var(--color-text-muted);
  --component-menu-item-icon-selected: var(--color-text-on-primary);
  --component-menu-item-icon-disabled: var(--color-text-disabled);
  --component-menu-item-padding-x: var(--space-component-padding-s);
  --component-menu-item-padding-y: var(--space-component-padding-xs);
  --component-menu-item-height-s: var(--layout-control-input-height-s);
  --component-menu-item-height-m: var(--layout-control-input-height-m);
  --component-menu-item-height-l: var(--layout-control-input-height-l);
  --component-menu-divider-color: var(--color-border-muted);
  --component-menu-spacing-gap: var(--space-component-gap-xs);
  --component-modal-background: var(--color-surface-overlay);
  --component-modal-overlay-background: var(--color-surface-scrim);
  --component-modal-radius: var(--radius-2xl);
  --component-modal-shadow: var(--shadow-xl);
  --component-modal-padding-header: var(--space-component-padding-m);
  --component-modal-padding-content: var(--space-component-padding-m);
  --component-modal-padding-footer: var(--space-component-padding-m);
  --component-modal-width-xl: var(--layout-modal-width-xl);
  --component-modal-animation-duration: var(--motion-component-modal-duration);
  --component-modal-animation-easing: var(--motion-component-modal-easing);
  --component-navigation-item-background-default: var(--color-border-transparent);
  --component-navigation-item-background-hover: var(--color-surface-subtle);
  --component-navigation-item-background-active: var(--color-surface-raised);
  --component-navigation-item-background-selected: var(--color-brand-primary-background-subtle);
  --component-navigation-item-text-default: var(--color-text-muted);
  --component-navigation-item-text-hover: var(--color-text-default);
  --component-navigation-item-text-selected: var(--color-brand-primary-text-default);
  --component-navigation-item-radius: var(--radius-2xl);
  --component-navigation-item-padding-x: var(--space-component-padding-base);
  --component-navigation-item-padding-y: var(--space-component-padding-xs);
  --component-navigation-item-gap: var(--space-intent-stack-gap);
  --component-navigation-sidebar-width: var(--layout-navigation-sidebar-width);
  --component-navigation-sidebar-background: var(--color-surface-base);
  --component-navigation-sidebar-border: var(--color-border-default);
  --component-notification-badge-default: var(--color-feedback-neutral-icon);
  --component-notification-badge-primary: var(--color-brand-primary-default);
  --component-notification-badge-info: var(--color-feedback-info-icon);
  --component-notification-badge-success: var(--color-feedback-success-icon);
  --component-notification-badge-warning: var(--color-feedback-warning-icon);
  --component-notification-badge-danger: var(--color-feedback-error-icon);
  --component-notification-banner-info-background: var(--color-feedback-info-muted);
  --component-notification-banner-info-text: var(--color-feedback-info-text);
  --component-notification-banner-info-border: var(--color-feedback-info-border);
  --component-notification-banner-success-background: var(--color-feedback-success-muted);
  --component-notification-banner-success-text: var(--color-feedback-success-text);
  --component-notification-banner-success-border: var(--color-feedback-success-border);
  --component-notification-banner-warning-background: var(--color-feedback-warning-muted);
  --component-notification-banner-warning-text: var(--color-feedback-warning-text);
  --component-notification-banner-warning-border: var(--color-feedback-warning-border);
  --component-notification-banner-danger-background: var(--color-feedback-error-muted);
  --component-notification-banner-danger-text: var(--color-feedback-error-text);
  --component-notification-banner-danger-border: var(--color-feedback-error-border);
  --component-notification-toast-background: var(--color-surface-inverse);
  --component-notification-toast-text: var(--color-text-inverse);
  --component-offline-indicator-bg: var(--color-feedback-warning-muted);
  --component-offline-indicator-color: var(--color-feedback-warning-text);
  --component-offline-indicator-bg-reconnecting: var(--color-surface-raised);
  --component-offline-indicator-color-reconnecting: var(--color-text-subtle);
  --component-offline-indicator-height: var(--layout-control-input-height-m);
  --component-offline-indicator-font-size: var(--typography-label-base-font-size);
  --component-offline-indicator-gap: var(--space-component-gap-s);
  --component-pagination-item-background-default: var(--color-border-transparent);
  --component-pagination-item-background-hover: var(--color-surface-subtle);
  --component-pagination-item-background-active: var(--color-brand-primary-default);
  --component-pagination-item-background-disabled: var(--color-surface-disabled);
  --component-pagination-item-text-default: var(--color-text-default);
  --component-pagination-item-text-active: var(--color-text-on-primary);
  --component-pagination-item-text-disabled: var(--color-text-disabled);
  --component-pagination-item-border-default: var(--color-border-transparent);
  --component-pagination-item-border-hover: var(--color-border-default);
  --component-pagination-item-border-focus: var(--color-brand-primary-default);
  --component-pagination-item-radius: var(--radius-m);
  --component-pagination-item-size: var(--layout-control-pagination-item-size);
  --component-password-input-toggle-size: var(--mobile-touch-target-comfortable);
  --component-password-input-toggle-color-default: var(--color-icon-muted);
  --component-password-input-toggle-color-hover: var(--color-icon-default);
  --component-password-input-toggle-background-hover: var(--color-surface-subtle);
  --component-password-input-helper-text: var(--color-text-muted);
  --component-password-input-caps-lock-text: var(--color-feedback-warning-default);
  --component-password-input-requirements-gap: var(--space-component-gap-xs);
  --component-password-input-requirements-text-default: var(--color-text-muted);
  --component-password-input-requirements-text-met: var(--color-feedback-success-text);
  --component-password-input-requirements-indicator-default: var(--color-text-muted);
  --component-password-input-requirements-indicator-met: var(--color-feedback-success-default);
  --component-popover-surface-background: var(--color-surface-raised);
  --component-popover-border-default: var(--color-border-default);
  --component-popover-radius: var(--radius-m);
  --component-popover-shadow: var(--shadow-m);
  --component-popover-padding: var(--space-component-padding-base);
  --component-popover-arrow-size: var(--layout-popover-arrow-size);
  --component-popover-arrow-offset: var(--anchor-arrow-offset);
  --component-popover-max-width-s: var(--layout-popover-max-width-s);
  --component-popover-max-width-m: var(--layout-popover-max-width-m);
  --component-popover-max-width-l: var(--layout-popover-max-width-l);
  --component-popover-z-index: var(--z-overlay-popover);
  --component-progress-bar-fill: var(--color-brand-primary-default);
  --component-progress-bar-track: var(--color-border-muted);
  --component-progress-bar-success: var(--color-feedback-success-default);
  --component-progress-bar-warning: var(--color-feedback-warning-default);
  --component-progress-bar-error: var(--color-feedback-error-default);
  --component-progress-indicator-spinner: var(--color-brand-primary-default);
  --component-progress-indicator-pulse: var(--color-brand-primary-background-subtle);
  --component-progress-stepper-active: var(--color-brand-primary-default);
  --component-progress-stepper-complete: var(--color-feedback-success-default);
  --component-progress-stepper-incomplete: var(--color-border-default);
  --component-radio-background-unselected: var(--color-surface-base);
  --component-radio-background-selected: var(--color-brand-primary-default);
  --component-radio-background-disabled: var(--color-surface-disabled);
  --component-radio-border-unselected: var(--color-border-default);
  --component-radio-border-selected: var(--color-brand-primary-default);
  --component-radio-border-focus: var(--color-brand-primary-default);
  --component-radio-border-disabled: var(--color-border-disabled);
  --component-radio-dot-default: var(--color-text-on-primary);
  --component-radio-dot-disabled: var(--color-text-disabled);
  --component-radio-label-default: var(--color-text-default);
  --component-radio-label-disabled: var(--color-text-disabled);
  --component-radio-size-default: var(--layout-control-radio-size);
  --component-search-input-clear-size: var(--mobile-touch-target-comfortable);
  --component-search-input-clear-color-default: var(--color-icon-muted);
  --component-search-input-clear-color-hover: var(--color-icon-default);
  --component-search-input-clear-background-hover: var(--color-surface-subtle);
  --component-section-header-title-color: var(--color-text-default);
  --component-section-header-description-color: var(--color-text-subtle);
  --component-section-header-border-color: var(--color-border-muted);
  --component-section-header-title-size: var(--typography-body-l-font-size);
  --component-section-header-description-size: var(--typography-body-s-font-size);
  --component-section-header-gap: var(--space-component-gap-xs);
  --component-section-header-padding-block: var(--space-component-padding-m);
  --component-sidebar-surface-background: var(--color-surface-base);
  --component-sidebar-primary-surface-background: var(--color-surface-sidebar-primary);
  --component-sidebar-border-default: var(--color-border-default);
  --component-sidebar-padding-x: var(--space-component-padding-base);
  --component-sidebar-padding-y: var(--space-component-padding-m);
  --component-sidebar-item-background-default: var(--color-interactive-background-default);
  --component-sidebar-item-background-hover: var(--color-surface-subtle);
  --component-sidebar-item-background-active: var(--color-surface-raised);
  --component-sidebar-item-text-default: var(--color-text-default);
  --component-sidebar-item-text-active: var(--color-brand-primary-default);
  --component-sidebar-item-padding-x: var(--space-component-padding-s);
  --component-sidebar-item-padding-y: var(--space-component-padding-xs);
  --component-sidebar-item-radius: var(--radius-s);
  --component-sidebar-spacing-gap: var(--space-component-gap-xs);
  --component-sidebar-z-index: var(--z-navigation-fixed);
  --component-skeleton-base: var(--color-surface-subtle);
  --component-skeleton-highlight: var(--color-surface-raised);
  --component-skeleton-on-surface: var(--color-border-muted);
  --component-slider-track-height: var(--layout-slider-track-height);
  --component-slider-track-background: var(--color-surface-subtle);
  --component-slider-range-background: var(--color-brand-primary-default);
  --component-slider-thumb-size: var(--layout-slider-thumb-size);
  --component-slider-thumb-border-color: var(--color-brand-primary-default);
  --component-slider-thumb-background: var(--color-surface-base);
  --component-slider-thumb-shadow: var(--shadow-s);
  --component-slider-bubble-background: var(--color-brand-primary-default);
  --component-slider-bubble-text: var(--color-text-on-primary);
  --component-slider-bubble-radius: var(--radius-m);
  --component-slider-mark-size: var(--layout-slider-track-height);
  --component-slider-mark-color: var(--color-border-default);
  --component-slider-helper-text: var(--color-text-muted);
  --component-slider-helper-error: var(--color-feedback-error-default);
  --component-spinner-track: var(--color-border-default);
  --component-spinner-fill: var(--color-brand-primary-default);
  --component-spinner-size-s: var(--layout-spinner-size-s);
  --component-spinner-size-m: var(--layout-spinner-size-m);
  --component-spinner-size-l: var(--layout-spinner-size-l);
  --component-spinner-duration: var(--motion-component-spinner-duration);
  --component-switch-track-off: var(--color-surface-raised);
  --component-switch-track-on: var(--color-brand-primary-default);
  --component-switch-track-disabled: var(--color-surface-disabled);
  --component-switch-thumb-default: var(--color-surface-base);
  --component-switch-thumb-disabled: var(--color-text-disabled);
  --component-switch-border-focus: var(--color-brand-primary-default);
  --component-switch-label-default: var(--color-text-default);
  --component-switch-label-disabled: var(--color-text-disabled);
  --component-switch-size-track-width: var(--layout-switch-track-width);
  --component-switch-size-track-height: var(--layout-switch-track-height);
  --component-switch-size-thumb-size: var(--layout-switch-thumb-size);
  --component-table-surface-background: var(--color-surface-base);
  --component-table-border-default: var(--color-border-default);
  --component-table-header-background: var(--color-surface-subtle);
  --component-table-header-text: var(--color-text-default);
  --component-table-header-font-weight: var(--typography-component-table-header-font-weight);
  --component-table-row-background-default: var(--color-surface-base);
  --component-table-row-background-hover: var(--color-surface-subtle);
  --component-table-row-background-alt: var(--color-surface-raised);
  --component-table-row-background-selected: var(--color-interactive-selected);
  --component-table-row-text-default: var(--color-text-default);
  --component-table-cell-padding-x: var(--space-component-padding-s);
  --component-table-cell-padding-y: var(--space-component-padding-xs);
  --component-table-radius: var(--radius-2xl);
  --component-table-spacing-row-gap: var(--space-intent-zero-gap);
  --component-table-sticky-first-column-background: var(--color-surface-subtle);
  --component-table-sticky-first-column-shadow: var(--shadow-component-table-sticky-first-column);
  --component-tabs-surface-background: var(--color-surface-base);
  --component-tabs-border-default: var(--color-border-default);
  --component-tabs-tab-background-default: var(--color-border-transparent);
  --component-tabs-tab-background-hover: var(--color-surface-subtle);
  --component-tabs-tab-background-active: var(--color-border-transparent);
  --component-tabs-tab-text-default: var(--color-text-muted);
  --component-tabs-tab-text-hover: var(--color-text-default);
  --component-tabs-tab-text-active: var(--color-brand-primary-default);
  --component-tabs-tab-padding-x: var(--space-component-padding-base);
  --component-tabs-tab-padding-y: var(--space-component-padding-xs);
  --component-tabs-indicator-height: var(--border-indicator);
  --component-tabs-indicator-color: var(--color-brand-primary-default);
  --component-tabs-spacing-gap: var(--space-component-gap-s);
  --component-tabs-radius: var(--radius-m);
  --component-tag-neutral-bg: var(--color-feedback-neutral-muted);
  --component-tag-neutral-text: var(--color-feedback-neutral-text);
  --component-tag-primary-bg: var(--color-brand-primary-background-subtle);
  --component-tag-primary-text: var(--color-brand-primary-default);
  --component-tag-success-bg: var(--color-feedback-success-muted);
  --component-tag-success-text: var(--color-feedback-success-text);
  --component-tag-warning-bg: var(--color-feedback-warning-muted);
  --component-tag-warning-text: var(--color-feedback-warning-text);
  --component-tag-error-bg: var(--color-feedback-error-muted);
  --component-tag-error-text: var(--color-feedback-error-text);
  --component-tag-info-bg: var(--color-feedback-info-muted);
  --component-tag-info-text: var(--color-feedback-info-text);
  --component-tag-size-s-padding-x: var(--space-component-padding-xs);
  --component-tag-size-s-padding-y: var(--space-component-gap-xs);
  --component-tag-size-s-font-size: var(--typography-label-s-font-size);
  --component-tag-size-m-padding-x: var(--space-component-padding-s);
  --component-tag-size-m-padding-y: var(--space-component-gap-xs);
  --component-tag-size-m-font-size: var(--typography-label-base-font-size);
  --component-tag-size-l-padding-x: var(--space-component-padding-base);
  --component-tag-size-l-padding-y: var(--space-component-padding-xs);
  --component-tag-size-l-font-size: var(--typography-label-l-font-size);
  --component-tag-radius: var(--radius-2xl);
  --component-timeline-connector-color: var(--color-border-muted);
  --component-timeline-connector-width: var(--border-divider);
  --component-timeline-node-size: var(--space-intent-stack-gap);
  --component-timeline-node-color: var(--color-brand-primary-default);
  --component-timeline-node-color-past: var(--color-border-default);
  --component-timeline-node-bg: var(--color-surface-base);
  --component-timeline-label-color: var(--color-text-default);
  --component-timeline-timestamp-color: var(--color-text-muted);
  --component-timeline-gap: var(--space-component-gap-m);
  --component-timeline-indent: var(--space-component-padding-l);
  --component-toast-viewport-max-inline-size: var(--layout-toast-viewport-max-inline-size);
  --component-toast-success-bg: var(--color-feedback-success-icon);
  --component-toast-success-text: var(--color-text-on-primary);
  --component-toast-success-icon: var(--color-feedback-success-muted);
  --component-toast-success-border: var(--color-feedback-success-default);
  --component-toast-error-bg: var(--color-feedback-error-icon);
  --component-toast-error-text: var(--color-text-on-primary);
  --component-toast-error-icon: var(--color-feedback-error-muted);
  --component-toast-error-border: var(--color-feedback-error-default);
  --component-toast-warning-bg: var(--color-feedback-warning-icon);
  --component-toast-warning-text: var(--color-text-on-warning);
  --component-toast-warning-icon: var(--color-feedback-warning-text);
  --component-toast-warning-border: var(--color-feedback-warning-default);
  --component-toast-info-bg: var(--color-feedback-info-icon);
  --component-toast-info-text: var(--color-text-on-primary);
  --component-toast-info-icon: var(--color-feedback-info-muted);
  --component-toast-info-border: var(--color-feedback-info-default);
  --component-toast-neutral-bg: var(--color-surface-inverse);
  --component-toast-neutral-text: var(--color-text-inverse);
  --component-toast-neutral-icon: var(--color-text-subtle);
  --component-toast-neutral-border: var(--color-feedback-neutral-text);
  --component-tooltip-surface-background: var(--color-surface-inverse);
  --component-tooltip-text-default: var(--color-text-on-primary);
  --component-tooltip-radius: var(--radius-s);
  --component-tooltip-shadow: var(--shadow-m);
  --component-tooltip-padding-x: var(--space-component-padding-xs);
  --component-tooltip-padding-y: var(--space-component-gap-xs);
  --component-tooltip-max-width: var(--layout-tooltip-max-width);
  --component-tooltip-font-size: var(--typography-component-tooltip-font-size);
  --component-tooltip-arrow-size: var(--layout-tooltip-arrow-size);
  --component-tooltip-z-index: var(--z-notification-tooltip);
  --component-tree-item-height: var(--layout-tree-item-height);
  --component-tree-item-padding-inline: var(--space-component-padding-s);
  --component-tree-item-indent-step: var(--layout-tree-indent-step);
  --component-tree-item-background-hover: var(--color-surface-hover);
  --component-tree-item-background-selected: var(--color-surface-selected);
  --component-tree-item-text: var(--color-text-default);
  --component-tree-connector-color: var(--color-border-muted);
  --component-tree-connector-width: var(--layout-tree-connector-width);
  --brand-primary-hue: 160;
  --brand-primary-chroma: 0.22;
  --brand-primary-lightness: 0.62;
  --brand-secondary-hue: 280;
  --brand-secondary-chroma: 0.187;
  --brand-secondary-lightness: 0.67;
  --brand-tertiary-hue: 40;
  --brand-tertiary-chroma: 0.165;
  --brand-tertiary-lightness: 0.59;
  color-scheme: light dark;
  --shadow-base--light: 0px 4px 6px -1px oklch(0 0 0 / 0.1), 0px 2px 4px -2px oklch(0 0 0 / 0.1);
  --shadow-base--dark: 0px 4px 6px -1px oklch(0 0 0 / 0.4), 0px 2px 4px -2px oklch(0 0 0 / 0.4);
  --shadow-l--light: 0px 20px 25px -5px oklch(0 0 0 / 0.1), 0px 8px 10px -6px oklch(0 0 0 / 0.1);
  --shadow-l--dark: 0px 20px 25px -5px oklch(0 0 0 / 0.6), 0px 8px 10px -6px oklch(0 0 0 / 0.6);
  --shadow-m--light: 0px 10px 15px -3px oklch(0 0 0 / 0.1), 0px 4px 6px -4px oklch(0 0 0 / 0.1);
  --shadow-m--dark: 0px 10px 15px -3px oklch(0 0 0 / 0.5), 0px 4px 6px -4px oklch(0 0 0 / 0.5);
  --shadow-s--light: 0px 1px 3px 0px oklch(0 0 0 / 0.1), 0px 1px 2px -1px oklch(0 0 0 / 0.1);
  --shadow-s--dark: 0px 1px 3px 0px oklch(0 0 0 / 0.4), 0px 1px 2px -1px oklch(0 0 0 / 0.4);
  /* color-mix() derived tokens (50 declarations)
 */
  --color-border-muted: color-mix(in oklch, var(--color-border-default) 50%, white);
  --color-border-subtle: color-mix(in oklch, var(--color-border-default) 25%, white);
  --color-border-emphasized: color-mix(in oklch, var(--color-border-default) 25%, black);
  --color-border-strong: color-mix(in oklch, var(--color-border-default) 45%, black);
  --color-border-focus: color-mix(in oklch, var(--color-brand-primary-default) 80%, white);
  --color-border-focus-within: color-mix(in oklch, var(--color-brand-primary-default) 30%, white);
  --color-border-disabled: color-mix(in oklch, var(--color-border-default) 60%, white);
  --color-border-interactive-hover: color-mix(in oklch, var(--color-border-default) 15%, black);
  --color-border-interactive-active: color-mix(in oklch, var(--color-border-default) 30%, black);
  --color-border-input-hover: color-mix(in oklch, var(--color-border-input) 15%, black);
  --color-border-scrollbar-thumb-hover: color-mix(in oklch, var(--color-border-scrollbar-thumb) 15%, black);
  --color-brand-primary-hover: color-mix(in oklch, var(--color-brand-primary-default) 85%, black);
  --color-brand-primary-active: color-mix(in oklch, var(--color-brand-primary-default) 70%, black);
  --color-brand-secondary-hover: color-mix(in oklch, var(--color-brand-secondary-default) 85%, black);
  --color-brand-secondary-active: color-mix(in oklch, var(--color-brand-secondary-default) 70%, black);
  --color-brand-tertiary-hover: color-mix(in oklch, var(--color-brand-tertiary-default) 85%, black);
  --color-brand-tertiary-active: color-mix(in oklch, var(--color-brand-tertiary-default) 70%, black);
  --color-feedback-success-muted: color-mix(in oklch, var(--color-feedback-success-default) 10%, white);
  --color-feedback-success-text: color-mix(in oklch, var(--color-feedback-success-default) 30%, black);
  --color-feedback-success-border: color-mix(in oklch, var(--color-feedback-success-default) 40%, white);
  --color-feedback-success-icon: color-mix(in oklch, var(--color-feedback-success-default) 15%, black);
  --color-feedback-warning-muted: color-mix(in oklch, var(--color-feedback-warning-default) 10%, white);
  --color-feedback-warning-text: color-mix(in oklch, var(--color-feedback-warning-default) 65%, black);
  --color-feedback-warning-border: color-mix(in oklch, var(--color-feedback-warning-default) 40%, white);
  --color-feedback-warning-icon: color-mix(in oklch, var(--color-feedback-warning-default) 15%, black);
  --color-feedback-error-muted: color-mix(in oklch, var(--color-feedback-error-default) 10%, white);
  --color-feedback-error-text: color-mix(in oklch, var(--color-feedback-error-default) 30%, black);
  --color-feedback-error-border: color-mix(in oklch, var(--color-feedback-error-default) 40%, white);
  --color-feedback-error-icon: color-mix(in oklch, var(--color-feedback-error-default) 15%, black);
  --color-feedback-error-hover: color-mix(in oklch, var(--color-feedback-error-default) 90%, black);
  --color-feedback-error-active: color-mix(in oklch, var(--color-feedback-error-default) 85%, black);
  --color-feedback-error-focus: color-mix(in oklch, var(--color-feedback-error-default) 95%, white);
  --color-interactive-hover: color-mix(in oklch, var(--color-interactive-default) 85%, black);
  --color-interactive-active: color-mix(in oklch, var(--color-interactive-default) 70%, black);
  --color-interactive-focus: color-mix(in oklch, var(--color-interactive-default) 85%, white);
  --color-interactive-secondary-hover: color-mix(in oklch, var(--color-interactive-secondary-default) 90%, black);
  --color-interactive-secondary-active: color-mix(in oklch, var(--color-interactive-secondary-default) 85%, black);
  --color-interactive-secondary-focus: color-mix(in oklch, var(--color-interactive-secondary-default) 95%, white);
  --color-interactive-tertiary-hover: color-mix(in oklch, var(--color-interactive-tertiary-default) 90%, black);
  --color-interactive-tertiary-active: color-mix(in oklch, var(--color-interactive-tertiary-default) 85%, black);
  --color-interactive-tertiary-focus: color-mix(in oklch, var(--color-interactive-tertiary-default) 95%, white);
  --color-interactive-destructive-hover: color-mix(in oklch, var(--color-interactive-destructive-default) 90%, black);
  --color-interactive-destructive-active: color-mix(in oklch, var(--color-interactive-destructive-default) 85%, black);
  --color-interactive-destructive-focus: color-mix(in oklch, var(--color-interactive-destructive-default) 95%, white);
  --color-surface-brand-primary: color-mix(in oklch, var(--color-brand-primary-default) 8%, white);
  --color-surface-brand-secondary: color-mix(in oklch, var(--color-brand-secondary-default) 8%, white);
  --color-surface-brand-tertiary: color-mix(in oklch, var(--color-brand-tertiary-default) 8%, white);
  --color-surface-brand-primary-subtle: color-mix(in oklch, var(--color-brand-primary-default) 2%, white);
  --color-surface-brand-secondary-subtle: color-mix(in oklch, var(--color-brand-secondary-default) 2%, white);
  --color-surface-brand-tertiary-subtle: color-mix(in oklch, var(--color-brand-tertiary-default) 2%, white);
}
:root[data-color-scheme="light"]{
color-scheme: light;
}
:root[data-color-scheme="dark"]{
color-scheme: dark;
}
}