/**
 * Do not edit directly, this file was auto-generated.
 */

@theme static {
  --blur-2xl: 2.5rem;
  --blur-3xl: 4rem;
  --blur-lg: 1rem;
  --blur-md: 0.75rem;
  --blur-sm: 0.5rem;
  --blur-xl: 1.5rem;
  --blur-xs: 0.25rem;
  --breakpoint-2xl: 96rem;
  --breakpoint-lg: 64rem;
  --breakpoint-md: 48rem;
  --breakpoint-sm: 40rem;
  --breakpoint-xl: 80rem;
  --color-accent-50: #fff8e4;
  --color-accent-100: #fff4d6;
  --color-accent-200: #ffe9aa;
  --color-accent-300: #fdcd1e;
  --color-accent-400: #d5a600;
  --color-accent-500: #b78800;
  --color-accent-600: #976a00;
  --color-accent-700: #865900;
  --color-accent-800: #693c00;
  --color-accent-900: #4d2000;
  --color-accent-950: #3a0c00;
  --color-accent-input: #ffcf23;
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c6;
  --color-amber-200: #fee685;
  --color-amber-300: #ffd230;
  --color-amber-400: #ffb900;
  --color-amber-500: #fe9a00;
  --color-amber-600: #e17100;
  --color-amber-700: #bb4d00;
  --color-amber-800: #973c00;
  --color-amber-900: #7b3306;
  --color-amber-950: #461901;
  --color-base-50: #f8f8f8;
  --color-base-100: #f4f4f4;
  --color-base-200: #e9e9e9;
  --color-base-300: #d2d3d3;
  --color-base-400: #acadad;
  --color-base-500: #8f9090;
  --color-base-600: #727273;
  --color-base-700: #616263;
  --color-base-800: #464748;
  --color-base-900: #2c2d2e;
  --color-base-950: #1b1c1d;
  --color-black: #000000;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bedbff;
  --color-blue-300: #8ec5ff;
  --color-blue-400: #51a2ff;
  --color-blue-500: #2b7fff;
  --color-blue-600: #155dfc;
  --color-blue-700: #1447e6;
  --color-blue-800: #193cb8;
  --color-blue-900: #1c398e;
  --color-blue-950: #162456;
  --color-brand-50: #f4f9ff;
  --color-brand-100: #eff5ff;
  --color-brand-200: #dfecfe;
  --color-brand-300: #bbd5fc;
  --color-brand-400: #7eaef6;
  --color-brand-500: #5b91de;
  --color-brand-600: #4673b1;
  --color-brand-700: #3b6399;
  --color-brand-800: #284871;
  --color-brand-900: #162e49;
  --color-brand-950: #0b1d30;
  --color-brand-input: #081728;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #b9f8cf;
  --color-green-300: #7bf1a8;
  --color-green-400: #05df72;
  --color-green-500: #00c950;
  --color-green-600: #00a63e;
  --color-green-700: #008236;
  --color-green-800: #016630;
  --color-green-900: #0d542b;
  --color-green-950: #032e15;
  --color-neutral-50: #fafafa;
  --color-neutral-100: #f5f5f5;
  --color-neutral-200: #e5e5e5;
  --color-neutral-300: #d4d4d4;
  --color-neutral-400: #a1a1a1;
  --color-neutral-500: #737373;
  --color-neutral-600: #525252;
  --color-neutral-700: #404040;
  --color-neutral-800: #262626;
  --color-neutral-900: #171717;
  --color-neutral-950: #0a0a0a;
  --color-orange-50: #fff7ed;
  --color-orange-100: #ffedd4;
  --color-orange-200: #ffd6a8;
  --color-orange-300: #ffb86a;
  --color-orange-400: #ff8904;
  --color-orange-500: #ff6900;
  --color-orange-600: #f54900;
  --color-orange-700: #ca3500;
  --color-orange-800: #9f2d00;
  --color-orange-900: #7e2a0c;
  --color-orange-950: #441306;
  --color-pink-50: #fdf2f8;
  --color-pink-100: #fce7f3;
  --color-pink-200: #fccee8;
  --color-pink-300: #fda5d5;
  --color-pink-400: #fb64b6;
  --color-pink-500: #f6339a;
  --color-pink-600: #e60076;
  --color-pink-700: #c6005c;
  --color-pink-800: #a3004c;
  --color-pink-900: #861043;
  --color-pink-950: #510424;
  --color-purple-50: #faf5ff;
  --color-purple-100: #f3e8ff;
  --color-purple-200: #e9d4ff;
  --color-purple-300: #dab2ff;
  --color-purple-400: #c27aff;
  --color-purple-500: #ad46ff;
  --color-purple-600: #9810fa;
  --color-purple-700: #8200db;
  --color-purple-800: #6e11b0;
  --color-purple-900: #59168b;
  --color-purple-950: #3c0366;
  --color-red-50: #fef2f2;
  --color-red-100: #ffe2e2;
  --color-red-200: #ffc9c9;
  --color-red-300: #ffa2a2;
  --color-red-400: #ff6467;
  --color-red-500: #fb2c36;
  --color-red-600: #e7000b;
  --color-red-700: #c10007;
  --color-red-800: #9f0712;
  --color-red-900: #82181a;
  --color-red-950: #460809;
  --color-sky-50: #f0f9ff;
  --color-sky-100: #dff2fe;
  --color-sky-200: #b8e6fe;
  --color-sky-300: #74d4ff;
  --color-sky-400: #00bcff;
  --color-sky-500: #00a6f4;
  --color-sky-600: #0084d1;
  --color-sky-700: #0069a8;
  --color-sky-800: #00598a;
  --color-sky-900: #024a70;
  --color-sky-950: #052f4a;
  --color-teal-50: #f0fdfa;
  --color-teal-100: #cbfbf1;
  --color-teal-200: #96f7e4;
  --color-teal-300: #46ecd5;
  --color-teal-400: #00d5be;
  --color-teal-500: #00bba7;
  --color-teal-600: #009689;
  --color-teal-700: #00786f;
  --color-teal-800: #005f5a;
  --color-teal-900: #0b4f4a;
  --color-teal-950: #022f2e;
  --color-transparent: rgba(255, 255, 255, 0);
  --color-white: #ffffff;
  --color-yellow-50: #fefce8;
  --color-yellow-100: #fef9c2;
  --color-yellow-200: #fff085;
  --color-yellow-300: #ffdf20;
  --color-yellow-400: #fdc700;
  --color-yellow-500: #f0b100;
  --color-yellow-600: #d08700;
  --color-yellow-700: #a65f00;
  --color-yellow-800: #894b00;
  --color-yellow-900: #733e0a;
  --color-yellow-950: #432004;
  --drop-shadow-2xl: 0px 25px 25px rgba(0, 0, 0, 0.15);
  --drop-shadow-lg: 0px 4px 4px rgba(0, 0, 0, 0.15);
  --drop-shadow-md: 0px 3px 3px rgba(0, 0, 0, 0.12);
  --drop-shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.15);
  --drop-shadow-xl: 0px 9px 7px rgba(0, 0, 0, 0.01);
  --drop-shadow-xs: 0px 1px 1px rgba(0, 0, 0, 0.05);
  --font-mono: 'IBM Plex Mono';
  --font-mono-bold: 'IBM Plex Mono Bold';
  --font-mono-bold-italic: 'IBM Plex Mono Bold Italic';
  --font-mono-italic: 'IBM Plex Mono Italic';
  --font-mono-medium: 'IBM Plex Mono Medium';
  --font-mono-medium-italic: 'IBM Plex Mono Medium Italic';
  --font-mono-semibold: 'IBM Plex Mono SemiBold';
  --font-mono-semibold-italic: 'IBM Plex Mono SemiBold Italic';
  --font-sans: 'Inter';
  --font-sans-bold: 'Inter Bold';
  --font-sans-bold-italic: 'Inter Bold Italic';
  --font-sans-italic: 'Inter Italic';
  --font-sans-medium: 'Inter Medium';
  --font-sans-medium-italic: 'Inter Medium Italic';
  --font-sans-semibold: 'Inter SemiBold';
  --font-sans-semibold-italic: 'Inter SemiBold Italic';
  --font-body: var(--font-sans);
  --font-body-bold: var(--font-sans-bold);
  --font-body-bold-italic: var(--font-sans-bold-italic);
  --font-body-italic: var(--font-sans-italic);
  --font-body-medium: var(--font-sans-medium);
  --font-body-medium-italic: var(--font-sans-medium-italic);
  --font-body-semibold: var(--font-sans-semibold);
  --font-body-semibold-italic: var(--font-sans-semibold-italic);
  --font-display: 'Crimson Pro';
  --font-display-bold: 'Crimson Pro Bold';
  --font-display-bold-italic: 'Crimson Pro Bold Italic';
  --font-display-italic: 'Crimson Pro Italic';
  --font-display-medium: 'Crimson Pro Medium';
  --font-display-medium-italic: 'Crimson Pro Medium Italic';
  --font-display-semibold: 'Crimson Pro SemiBold';
  --font-display-semibold-italic: 'Crimson Pro SemiBold Italic';
  --font-weight-black: 900;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-thin: 100;
  --inset-shadow-2xs: inset 0px 0px 1px rgba(0, 0, 0, 0.05);
  --inset-shadow-sm: inset 0px 2px 4px rgba(0, 0, 0, 0.05);
  --inset-shadow-xs: inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  --leading-loose: 2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-snug: 1.375;
  --leading-tight: 1.25;
  --perspective-distant: 75rem;
  --perspective-dramatic: 6.25rem;
  --perspective-midrange: 50rem;
  --perspective-near: 18.75rem;
  --perspective-normal: 31.25rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
  --radius-full: 624.9375rem;
  --radius-lg: 0.5rem;
  --radius-md: 0.375rem;
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-xl: 0.75rem;
  --radius-xs: 0.125rem;
  --shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-2xs: 0px 1px 0px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-sm: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
  --shadow-xs: 0px 1px 2px rgba(0, 0, 0, 0.05);
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-13: 3.25rem;
  --spacing-14: 3.5rem;
  --spacing-15: 3.75rem;
  --spacing-16: 4rem;
  --spacing-17: 4.25rem;
  --spacing-18: 4.5rem;
  --spacing-19: 4.75rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --spacing-0-5: 0.125rem;
  --spacing-1-5: 0.375rem;
  --spacing-2-5: 0.625rem;
  --spacing-3-5: 0.875rem;
  --spacing-4-5: 1.125rem;
  --spacing: 0.25rem;
  --spacing-px: 0.0625rem;
  --text-2xl: 1.5rem;
  --text-2xl--line-height: 1.33333;
  --text-2xs: 0.625rem;
  --text-2xs--line-height: 1.2;
  --text-3xl: 1.875rem;
  --text-3xl--line-height: 1.2;
  --text-4xl: 2.25rem;
  --text-4xl--line-height: 1.11111;
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --text-8xl: 6rem;
  --text-8xl--line-height: 1;
  --text-9xl: 8rem;
  --text-9xl--line-height: 1;
  --text-base: 1rem;
  --text-base--line-height: 1.5;
  --text-lg: 1.125rem;
  --text-lg--line-height: 1.55556;
  --text-sm: 0.875rem;
  --text-sm--line-height: 1.42857;
  --text-xl: 1.25rem;
  --text-xl--line-height: 1.4;
  --text-xs: 0.75rem;
  --text-xs--line-height: 1.33333;
  --text-shadow-2xs: 0px 1px 0px rgba(0, 0, 0, 0.15);
  --text-shadow-lg:
    0px 1px 2px rgba(0, 0, 0, 0.1), 0px 3px 2px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1);
  --text-shadow-md:
    0px 1px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.1);
  --text-shadow-sm:
    0px 1px 0px rgba(0, 0, 0, 0.075), 0px 1px 1px rgba(0, 0, 0, 0.075),
    0px 2px 2px rgba(0, 0, 0, 0.075);
  --text-shadow-xs: 0px 1px 1px rgba(0, 0, 0, 0.2);
  --tracking-normal: 0;
  --tracking-tight: -0.4000000059604645;
  --tracking-tighter: -0.800000011920929;
  --tracking-wide: 0.4000000059604645;
  --tracking-wider: 0.800000011920929;
  --tracking-widest: 1.600000023841858;
  --container-2xl: 42rem;
  --container-2xs: 18rem;
  --container-3xl: 48rem;
  --container-3xs: 16rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --container-7xl: 80rem;
  --container-lg: 32rem;
  --container-md: 28rem;
  --container-sm: 24rem;
  --container-xl: 36rem;
  --container-xs: 20rem;
  --border-width-default: 0.0625rem;
  --border-width-focused: 0.125rem;
  --border-width-selected: 0.125rem;
  --border-radius-button: var(--radius-lg);
  --border-radius-default: var(--radius-lg);
  --border-radius-none: var(--radius-none);
  --border-radius-round: var(--radius-full);
  --color-chart-categorical-1: var(--color-blue-600);
  --color-chart-categorical-2: var(--color-orange-600);
  --color-chart-categorical-3: var(--color-teal-600);
  --color-chart-categorical-4: var(--color-pink-600);
  --color-chart-categorical-5: var(--color-purple-600);
  --color-chart-categorical-6: var(--color-neutral-600);
  --color-chart-simple-primary: var(--color-brand-500);
  --color-chart-simple-secondary: var(--color-brand-950);
  --color-content-accent: var(--color-accent-700);
  --color-content-accent-on-strong: var(--color-white);
  --color-content-accent-on-subtle: var(--color-accent-800);
  --color-content-action: var(--color-brand-700);
  --color-content-action-on-strong: var(--color-white);
  --color-content-action-on-subtle: var(--color-brand-800);
  --color-content-brand: var(--color-brand-700);
  --color-content-brand-on-strong: var(--color-white);
  --color-content-brand-on-subtle: var(--color-brand-800);
  --color-content-danger: var(--color-red-700);
  --color-content-danger-on-strong: var(--color-white);
  --color-content-danger-on-subtle: var(--color-red-900);
  --color-content-info: var(--color-sky-700);
  --color-content-info-on-strong: var(--color-white);
  --color-content-info-on-subtle: var(--color-sky-900);
  --color-content-link: var(--color-blue-600);
  --color-content-link-visited: var(--color-purple-800);
  --color-content-neutral: var(--color-base-700);
  --color-content-neutral-on-strong: var(--color-white);
  --color-content-neutral-on-subtle: var(--color-base-800);
  --color-content-primary: var(--color-base-950);
  --color-content-secondary: var(--color-base-600);
  --color-content-selected: var(--color-brand-700);
  --color-content-success: var(--color-green-700);
  --color-content-success-on-strong: var(--color-white);
  --color-content-success-on-subtle: var(--color-green-900);
  --color-content-tertiary: var(--color-base-500);
  --color-content-warning: var(--color-amber-700);
  --color-content-warning-on-strong: var(--color-black);
  --color-content-warning-on-subtle: var(--color-amber-900);
  --color-stroke-action: var(--color-brand-700);
  --color-stroke-danger: var(--color-red-700);
  --color-stroke-focus: var(--color-brand-700);
  --color-stroke-hover: var(--color-base-950);
  --color-stroke-info: var(--color-sky-700);
  --color-stroke-primary: var(--color-base-500);
  --color-stroke-ring: var(--color-base-950);
  --color-stroke-secondary: var(--color-base-200);
  --color-stroke-success: var(--color-green-600);
  --color-stroke-warning: var(--color-amber-700);
  --color-surface-accent-core: var(--color-accent-input);
  --color-surface-accent-strong: var(--color-accent-700);
  --color-surface-accent-subtle: var(--color-accent-200);
  --color-surface-accent-tint: var(--color-accent-50);
  --color-surface-action-strong: var(--color-brand-700);
  --color-surface-action-strong-active: var(--color-brand-900);
  --color-surface-action-strong-hover: var(--color-brand-800);
  --color-surface-action-subtle: var(--color-brand-200);
  --color-surface-action-subtle-active: var(--color-brand-400);
  --color-surface-action-subtle-hover: var(--color-brand-300);
  --color-surface-action-tint: var(--color-brand-50);
  --color-surface-action-tint-active: var(--color-brand-200);
  --color-surface-action-tint-hover: var(--color-brand-100);
  --color-surface-backdrop: rgba(0, 0, 0, 0.5);
  --color-surface-background: var(--color-base-50);
  --color-surface-brand-core: var(--color-brand-input);
  --color-surface-brand-strong: var(--color-brand-700);
  --color-surface-brand-subtle: var(--color-brand-200);
  --color-surface-brand-tint: var(--color-brand-50);
  --color-surface-danger-strong: var(--color-red-700);
  --color-surface-danger-strong-active: var(--color-red-900);
  --color-surface-danger-strong-hover: var(--color-red-800);
  --color-surface-danger-subtle: var(--color-red-100);
  --color-surface-danger-subtle-active: var(--color-red-300);
  --color-surface-danger-subtle-hover: var(--color-red-200);
  --color-surface-danger-tint: var(--color-red-50);
  --color-surface-danger-tint-active: var(--color-red-200);
  --color-surface-danger-tint-hover: var(--color-red-100);
  --color-surface-info-strong: var(--color-sky-700);
  --color-surface-info-strong-active: var(--color-sky-900);
  --color-surface-info-strong-hover: var(--color-sky-800);
  --color-surface-info-subtle: var(--color-sky-100);
  --color-surface-info-subtle-active: var(--color-sky-300);
  --color-surface-info-subtle-hover: var(--color-sky-200);
  --color-surface-info-tint: var(--color-sky-50);
  --color-surface-info-tint-active: var(--color-sky-200);
  --color-surface-info-tint-hover: var(--color-sky-100);
  --color-surface-neutral-strong: var(--color-base-700);
  --color-surface-neutral-strong-active: var(--color-base-900);
  --color-surface-neutral-strong-hover: var(--color-base-800);
  --color-surface-neutral-subtle: var(--color-base-200);
  --color-surface-neutral-subtle-active: var(--color-base-400);
  --color-surface-neutral-subtle-hover: var(--color-base-300);
  --color-surface-neutral-tint: var(--color-base-50);
  --color-surface-neutral-tint-active: var(--color-base-200);
  --color-surface-neutral-tint-hover: var(--color-base-100);
  --color-surface-primary: var(--color-white);
  --color-surface-primary-active: var(--color-base-200);
  --color-surface-primary-hover: var(--color-base-100);
  --color-surface-secondary: var(--color-base-100);
  --color-surface-secondary-active: var(--color-base-300);
  --color-surface-secondary-hover: var(--color-base-200);
  --color-surface-success-strong: var(--color-green-600);
  --color-surface-success-strong-active: var(--color-green-800);
  --color-surface-success-strong-hover: var(--color-green-700);
  --color-surface-success-subtle: var(--color-green-100);
  --color-surface-success-subtle-active: var(--color-green-300);
  --color-surface-success-subtle-hover: var(--color-green-200);
  --color-surface-success-tint: var(--color-green-50);
  --color-surface-success-tint-active: var(--color-green-200);
  --color-surface-success-tint-hover: var(--color-green-100);
  --color-surface-tertiary: var(--color-brand-200);
  --color-surface-warning-strong: var(--color-amber-400);
  --color-surface-warning-strong-active: var(--color-amber-600);
  --color-surface-warning-strong-hover: var(--color-amber-500);
  --color-surface-warning-subtle: var(--color-amber-100);
  --color-surface-warning-subtle-active: var(--color-amber-300);
  --color-surface-warning-subtle-hover: var(--color-amber-200);
  --color-surface-warning-tint: var(--color-amber-50);
  --color-surface-warning-tint-active: var(--color-amber-200);
  --color-surface-warning-tint-hover: var(--color-amber-100);
  --font-body: var(--font-sans);
  --font-body-bold: var(--font-sans-bold);
  --font-body-bold-italic: var(--font-sans-bold-italic);
  --font-body-italic: var(--font-sans-italic);
  --font-body-medium: var(--font-sans-medium);
  --font-body-medium-italic: var(--font-sans-medium-italic);
  --font-body-semibold: var(--font-sans-semibold);
  --font-body-semibold-italic: var(--font-sans-semibold-italic);
  --font-display: 'Crimson Pro';
  --font-display-bold: 'Crimson Pro Bold';
  --font-display-bold-italic: 'Crimson Pro Bold Italic';
  --font-display-italic: 'Crimson Pro Italic';
  --font-display-medium: 'Crimson Pro Medium';
  --font-display-medium-italic: 'Crimson Pro Medium Italic';
  --font-display-semibold: 'Crimson Pro SemiBold';
  --font-display-semibold-italic: 'Crimson Pro SemiBold Italic';
  --opacity-disabled: 0.5;
  --opacity-focus: 0.12;
  --opacity-hover: 0.06;
  --opacity-hover-overlay: 0.2;
  --opacity-selected: 0.08;
  --opacity-selected-focus: 0.2;
  --opacity-selected-hover: 0.14;
}

@layer theme {
  :root {
    @variant light {
      --color-content-accent: var(--color-accent-700);
      --color-content-accent-on-strong: var(--color-white);
      --color-content-accent-on-subtle: var(--color-accent-800);
      --color-content-action: var(--color-brand-700);
      --color-content-action-on-strong: var(--color-white);
      --color-content-action-on-subtle: var(--color-brand-800);
      --color-content-brand: var(--color-brand-700);
      --color-content-brand-on-strong: var(--color-white);
      --color-content-brand-on-subtle: var(--color-brand-800);
      --color-content-danger: var(--color-red-700);
      --color-content-danger-on-strong: var(--color-white);
      --color-content-danger-on-subtle: var(--color-red-900);
      --color-content-info: var(--color-sky-700);
      --color-content-link: var(--color-blue-600);
      --color-content-link-visited: var(--color-purple-800);
      --color-content-neutral: var(--color-base-700);
      --color-content-neutral-on-strong: var(--color-white);
      --color-content-neutral-on-subtle: var(--color-base-800);
      --color-content-primary: var(--color-base-950);
      --color-content-secondary: var(--color-base-600);
      --color-content-selected: var(--color-brand-700);
      --color-content-success: var(--color-green-700);
      --color-content-tertiary: var(--color-base-500);
      --color-content-warning: var(--color-amber-700);
      --color-stroke-action: var(--color-brand-700);
      --color-stroke-danger: var(--color-red-700);
      --color-stroke-focus: var(--color-brand-700);
      --color-stroke-hover: var(--color-base-950);
      --color-stroke-info: var(--color-sky-700);
      --color-stroke-primary: var(--color-base-500);
      --color-stroke-ring: var(--color-base-950);
      --color-stroke-secondary: var(--color-base-200);
      --color-stroke-success: var(--color-green-600);
      --color-stroke-warning: var(--color-amber-700);
      --color-surface-accent-strong: var(--color-accent-700);
      --color-surface-accent-subtle: var(--color-accent-200);
      --color-surface-accent-tint: var(--color-accent-50);
      --color-surface-action-strong: var(--color-brand-700);
      --color-surface-action-strong-active: var(--color-brand-900);
      --color-surface-action-strong-hover: var(--color-brand-800);
      --color-surface-action-subtle: var(--color-brand-200);
      --color-surface-action-subtle-active: var(--color-brand-400);
      --color-surface-action-subtle-hover: var(--color-brand-300);
      --color-surface-action-tint: var(--color-brand-50);
      --color-surface-action-tint-active: var(--color-brand-200);
      --color-surface-action-tint-hover: var(--color-brand-100);
      --color-surface-background: var(--color-base-50);
      --color-surface-brand-strong: var(--color-brand-700);
      --color-surface-brand-subtle: var(--color-brand-200);
      --color-surface-brand-tint: var(--color-brand-50);
      --color-surface-danger-strong: var(--color-red-700);
      --color-surface-danger-strong-active: var(--color-red-900);
      --color-surface-danger-strong-hover: var(--color-red-800);
      --color-surface-danger-subtle: var(--color-red-100);
      --color-surface-danger-subtle-active: var(--color-red-300);
      --color-surface-danger-subtle-hover: var(--color-red-200);
      --color-surface-danger-tint: var(--color-red-50);
      --color-surface-danger-tint-active: var(--color-red-200);
      --color-surface-danger-tint-hover: var(--color-red-100);
      --color-surface-info-strong: var(--color-sky-700);
      --color-surface-info-strong-active: var(--color-sky-900);
      --color-surface-info-strong-hover: var(--color-sky-800);
      --color-surface-info-subtle: var(--color-sky-100);
      --color-surface-info-subtle-active: var(--color-sky-300);
      --color-surface-info-subtle-hover: var(--color-sky-200);
      --color-surface-info-tint: var(--color-sky-50);
      --color-surface-info-tint-active: var(--color-sky-200);
      --color-surface-info-tint-hover: var(--color-sky-100);
      --color-surface-neutral-strong: var(--color-base-700);
      --color-surface-neutral-strong-active: var(--color-base-900);
      --color-surface-neutral-strong-hover: var(--color-base-800);
      --color-surface-neutral-subtle: var(--color-base-200);
      --color-surface-neutral-subtle-active: var(--color-base-400);
      --color-surface-neutral-subtle-hover: var(--color-base-300);
      --color-surface-neutral-tint: var(--color-base-50);
      --color-surface-neutral-tint-active: var(--color-base-200);
      --color-surface-neutral-tint-hover: var(--color-base-100);
      --color-surface-primary: var(--color-white);
      --color-surface-primary-active: var(--color-base-200);
      --color-surface-primary-hover: var(--color-base-100);
      --color-surface-secondary: var(--color-base-100);
      --color-surface-secondary-active: var(--color-base-300);
      --color-surface-secondary-hover: var(--color-base-200);
      --color-surface-success-strong: var(--color-green-600);
      --color-surface-success-strong-active: var(--color-green-800);
      --color-surface-success-strong-hover: var(--color-green-700);
      --color-surface-success-subtle: var(--color-green-100);
      --color-surface-success-subtle-active: var(--color-green-300);
      --color-surface-success-subtle-hover: var(--color-green-200);
      --color-surface-success-tint: var(--color-green-50);
      --color-surface-success-tint-active: var(--color-green-200);
      --color-surface-success-tint-hover: var(--color-green-100);
      --color-surface-tertiary: var(--color-brand-200);
      --color-surface-warning-strong: var(--color-amber-400);
      --color-surface-warning-strong-active: var(--color-amber-600);
      --color-surface-warning-strong-hover: var(--color-amber-500);
      --color-surface-warning-subtle: var(--color-amber-100);
      --color-surface-warning-subtle-active: var(--color-amber-300);
      --color-surface-warning-subtle-hover: var(--color-amber-200);
      --color-surface-warning-tint: var(--color-amber-50);
      --color-surface-warning-tint-active: var(--color-amber-200);
      --color-surface-warning-tint-hover: var(--color-amber-100);
      --opacity-hover: 0.06;
      --opacity-selected: 0.08;
      --opacity-selected-focus: 0.2;
      --opacity-selected-hover: 0.14;
    }
    @variant dark {
      --color-content-accent: var(--color-accent-300);
      --color-content-accent-on-strong: var(--color-accent-950);
      --color-content-accent-on-subtle: var(--color-accent-100);
      --color-content-action: var(--color-brand-100);
      --color-content-action-on-strong: var(--color-brand-950);
      --color-content-action-on-subtle: var(--color-brand-100);
      --color-content-brand: var(--color-brand-300);
      --color-content-brand-on-strong: var(--color-brand-950);
      --color-content-brand-on-subtle: var(--color-brand-100);
      --color-content-danger: var(--color-red-300);
      --color-content-danger-on-strong: var(--color-red-900);
      --color-content-danger-on-subtle: var(--color-red-100);
      --color-content-info: var(--color-sky-500);
      --color-content-link: var(--color-white);
      --color-content-link-visited: var(--color-purple-200);
      --color-content-neutral: var(--color-base-300);
      --color-content-neutral-on-strong: var(--color-base-900);
      --color-content-neutral-on-subtle: var(--color-base-100);
      --color-content-primary: var(--color-white);
      --color-content-secondary: var(--color-base-300);
      --color-content-selected: var(--color-brand-100);
      --color-content-success: var(--color-green-600);
      --color-content-tertiary: var(--color-base-400);
      --color-content-warning: var(--color-amber-600);
      --color-stroke-action: var(--color-brand-300);
      --color-stroke-danger: var(--color-red-300);
      --color-stroke-focus: var(--color-brand-300);
      --color-stroke-hover: var(--color-base-50);
      --color-stroke-info: var(--color-sky-200);
      --color-stroke-primary: var(--color-base-400);
      --color-stroke-ring: var(--color-white);
      --color-stroke-secondary: var(--color-base-800);
      --color-stroke-success: var(--color-green-200);
      --color-stroke-warning: var(--color-amber-300);
      --color-surface-accent-strong: var(--color-accent-300);
      --color-surface-accent-subtle: var(--color-accent-900);
      --color-surface-accent-tint: var(--color-accent-950);
      --color-surface-action-strong: var(--color-brand-300);
      --color-surface-action-strong-active: var(--color-brand-100);
      --color-surface-action-strong-hover: var(--color-brand-200);
      --color-surface-action-subtle: var(--color-brand-900);
      --color-surface-action-subtle-active: var(--color-brand-700);
      --color-surface-action-subtle-hover: var(--color-brand-800);
      --color-surface-action-tint: var(--color-brand-950);
      --color-surface-action-tint-active: var(--color-brand-800);
      --color-surface-action-tint-hover: var(--color-brand-900);
      --color-surface-background: var(--color-base-950);
      --color-surface-brand-strong: var(--color-brand-300);
      --color-surface-brand-subtle: var(--color-brand-900);
      --color-surface-brand-tint: var(--color-brand-950);
      --color-surface-danger-strong: var(--color-red-200);
      --color-surface-danger-strong-active: var(--color-red-50);
      --color-surface-danger-strong-hover: var(--color-red-100);
      --color-surface-danger-subtle: var(--color-red-900);
      --color-surface-danger-subtle-active: var(--color-red-700);
      --color-surface-danger-subtle-hover: var(--color-red-800);
      --color-surface-danger-tint: var(--color-red-950);
      --color-surface-danger-tint-active: var(--color-red-800);
      --color-surface-danger-tint-hover: var(--color-red-900);
      --color-surface-info-strong: var(--color-sky-300);
      --color-surface-info-strong-active: var(--color-sky-100);
      --color-surface-info-strong-hover: var(--color-sky-200);
      --color-surface-info-subtle: var(--color-sky-900);
      --color-surface-info-subtle-active: var(--color-sky-700);
      --color-surface-info-subtle-hover: var(--color-sky-800);
      --color-surface-info-tint: var(--color-sky-950);
      --color-surface-info-tint-active: var(--color-sky-800);
      --color-surface-info-tint-hover: var(--color-sky-900);
      --color-surface-neutral-strong: var(--color-base-300);
      --color-surface-neutral-strong-active: var(--color-base-100);
      --color-surface-neutral-strong-hover: var(--color-base-200);
      --color-surface-neutral-subtle: var(--color-base-900);
      --color-surface-neutral-subtle-active: var(--color-base-700);
      --color-surface-neutral-subtle-hover: var(--color-base-800);
      --color-surface-neutral-tint: var(--color-base-950);
      --color-surface-neutral-tint-active: var(--color-base-800);
      --color-surface-neutral-tint-hover: var(--color-base-900);
      --color-surface-primary: var(--color-base-950);
      --color-surface-primary-active: var(--color-base-800);
      --color-surface-primary-hover: var(--color-base-900);
      --color-surface-secondary: var(--color-base-900);
      --color-surface-secondary-active: var(--color-base-700);
      --color-surface-secondary-hover: var(--color-base-800);
      --color-surface-success-strong: var(--color-green-300);
      --color-surface-success-strong-active: var(--color-green-100);
      --color-surface-success-strong-hover: var(--color-green-200);
      --color-surface-success-subtle: var(--color-green-900);
      --color-surface-success-subtle-active: var(--color-green-700);
      --color-surface-success-subtle-hover: var(--color-green-800);
      --color-surface-success-tint: var(--color-green-950);
      --color-surface-success-tint-active: var(--color-green-800);
      --color-surface-success-tint-hover: var(--color-green-900);
      --color-surface-tertiary: var(--color-brand-900);
      --color-surface-warning-strong: var(--color-amber-300);
      --color-surface-warning-strong-active: var(--color-amber-100);
      --color-surface-warning-strong-hover: var(--color-amber-200);
      --color-surface-warning-subtle: var(--color-amber-900);
      --color-surface-warning-subtle-active: var(--color-amber-700);
      --color-surface-warning-subtle-hover: var(--color-amber-800);
      --color-surface-warning-tint: var(--color-amber-950);
      --color-surface-warning-tint-active: var(--color-amber-800);
      --color-surface-warning-tint-hover: var(--color-amber-900);
      --opacity-hover: 0.08;
      --opacity-selected: 0.12;
      --opacity-selected-focus: 0.24;
      --opacity-selected-hover: 0.2;
    }
  }
}

@layer theme {
  :root {
    @variant ios {
      --font-mono: 'SF Mono';
      --font-mono-bold: 'SF Mono';
      --font-mono-bold-italic: 'SF Mono';
      --font-mono-italic: 'SF Mono';
      --font-mono-medium: 'SF Mono';
      --font-mono-medium-italic: 'SF Mono';
      --font-mono-semibold: 'SF Mono';
      --font-mono-semibold-italic: 'SF Mono';
      --font-sans: 'SF Pro';
      --font-sans-bold: 'SF Pro';
      --font-sans-bold-italic: 'SF Pro';
      --font-sans-italic: 'SF Pro';
      --font-sans-medium: 'SF Pro';
      --font-sans-medium-italic: 'SF Pro';
      --font-sans-semibold: 'SF Pro';
      --font-sans-semibold-italic: 'SF Pro';
    }
    @variant android {
      --font-mono: 'Roboto Mono';
      --font-mono-bold: 'Roboto Mono';
      --font-mono-bold-italic: 'Roboto Mono';
      --font-mono-italic: 'Roboto Mono';
      --font-mono-medium: 'Roboto Mono';
      --font-mono-medium-italic: 'Roboto Mono';
      --font-mono-semibold: 'Roboto Mono';
      --font-mono-semibold-italic: 'Roboto Mono';
      --font-sans: 'Roboto';
      --font-sans-bold: 'Roboto';
      --font-sans-bold-italic: 'Roboto';
      --font-sans-italic: 'Roboto';
      --font-sans-medium: 'Roboto';
      --font-sans-medium-italic: 'Roboto';
      --font-sans-semibold: 'Roboto';
      --font-sans-semibold-italic: 'Roboto';
    }
    @variant web {
      --font-mono: 'IBM Plex Mono';
      --font-mono-bold: 'IBM Plex Mono Bold';
      --font-mono-bold-italic: 'IBM Plex Mono Bold Italic';
      --font-mono-italic: 'IBM Plex Mono Italic';
      --font-mono-medium: 'IBM Plex Mono Medium';
      --font-mono-medium-italic: 'IBM Plex Mono Medium Italic';
      --font-mono-semibold: 'IBM Plex Mono SemiBold';
      --font-mono-semibold-italic: 'IBM Plex Mono SemiBold Italic';
      --font-sans: 'Inter';
      --font-sans-bold: 'Inter Bold';
      --font-sans-bold-italic: 'Inter Bold Italic';
      --font-sans-italic: 'Inter Italic';
      --font-sans-medium: 'Inter Medium';
      --font-sans-medium-italic: 'Inter Medium Italic';
      --font-sans-semibold: 'Inter SemiBold';
      --font-sans-semibold-italic: 'Inter SemiBold Italic';
    }
  }
}