/*!
 * Flux 2.3.0 — Kaptio design system
 * Tailwind v4 enforcement preset
 *
 * Import LAST, after "tailwindcss" and flux.css. It clears Tailwind's default scales and remaps the familiar names onto Flux, so a stray bg-gray-300 or rounded-lg lands on a Flux value instead of leaking a stock one.
 *
 * Canonical: https://flux.kaptio.com
 * Agent contract: https://flux.kaptio.com/llms.txt
 * Generated from src/tokens/. Do not edit by hand.
 */

@theme {
  /* Clear Tailwind's defaults so no stock value can survive as a design decision. */
  --color-*: initial;
  --radius-*: initial;
  --text-*: initial;
  --shadow-*: initial;
  --font-*: initial;
  --ease-*: initial;

  /* Flux primitives, addressable as flux-<name>. */
  --color-flux-primary-900: #021E24;
  --color-flux-primary-800: #032E36;
  --color-flux-primary-700: #034050;
  --color-flux-primary-600: #034955;
  --color-flux-primary-500: #056271;
  --color-flux-primary-400: #056F82;
  --color-flux-primary-300: #69A9B4;
  --color-flux-primary-200: #B4D4DA;
  --color-flux-primary-100: #E6F1F2;
  --color-flux-primary-50: #EFF5F5;
  --color-flux-yellow-900: #3A2C10;
  --color-flux-yellow-800: #956000;
  --color-flux-yellow-600: #DC8E00;
  --color-flux-yellow-400: #FFBC42;
  --color-flux-yellow-300: #FFD78E;
  --color-flux-yellow-200: #FFEBC6;
  --color-flux-yellow-100: #FFF8EC;
  --color-flux-pink-600: #AF0072;
  --color-flux-pink-400: #DE37A4;
  --color-flux-pink-300: #EB87C8;
  --color-flux-pink-200: #F5C3E4;
  --color-flux-pink-100: #FCEBF6;
  --color-flux-orange-900: #3D1D19;
  --color-flux-orange-800: #9C1500;
  --color-flux-orange-600: #CF1B00;
  --color-flux-orange-400: #FF6F59;
  --color-flux-orange-300: #FFA99B;
  --color-flux-orange-200: #FFD4CD;
  --color-flux-orange-100: #FFF1EE;
  --color-flux-green-900: #16301A;
  --color-flux-green-850: #0C3403;
  --color-flux-green-800: #0E5600;
  --color-flux-green-600: #197C04;
  --color-flux-green-400: #2BA711;
  --color-flux-green-300: #80CA70;
  --color-flux-green-200: #BFE5B8;
  --color-flux-green-100: #EAF6E7;
  --color-flux-blue-800: #17458F;
  --color-flux-blue-600: #2F67CF;
  --color-flux-blue-400: #015BFF;
  --color-flux-blue-300: #8EB6FF;
  --color-flux-blue-200: #C6DAFF;
  --color-flux-blue-100: #ECF5FF;
  --color-flux-purple-600: #5A47D6;
  --color-flux-purple-400: #6149FF;
  --color-flux-purple-300: #ADA0FF;
  --color-flux-purple-200: #D5CFFF;
  --color-flux-purple-100: #F1EFFF;
  --color-flux-black: #212121;
  --color-flux-grey-700: #374151;
  --color-flux-grey-500: #646B78;
  --color-flux-grey-300: #6B6B6B;
  --color-flux-grey-200: #C3C3C3;
  --color-flux-grey-100: #EBEBEB;
  --color-flux-grey-50: #F5F5F5;
  --color-flux-white: #FFFFFF;
  --color-flux-canvas: #F9FAF8;
  --color-flux-neutral-50: #F4F7F7;
  --color-flux-neutral-100: #E8EDEE;
  --color-flux-neutral-200: #D3DADC;
  --color-flux-neutral-300: #B2BCBF;
  --color-flux-neutral-400: #8C989C;
  --color-flux-neutral-500: #6B777B;
  --color-flux-neutral-600: #4E585C;
  --color-flux-neutral-700: #363F42;
  --color-flux-neutral-800: #242B2E;
  --color-flux-neutral-900: #171D1F;
  --color-flux-neutral-950: #0E1315;
  --color-flux-success: #0A7954;
  --color-flux-error: #C1121F;
  --color-flux-warning: #945F06;
  --color-flux-info: #056F82;
  --color-flux-product-core: #056F82;
  --color-flux-product-pex: #F18525;
  --color-flux-product-edge: #DE37A4;
  --color-flux-product-agents: #8B5CF6;
  --color-flux-product-quest: #4F46E5;
  --color-flux-product-voyage: #056F82;
  --color-flux-product-circle: #047857;
  --color-flux-layer-core: #056F82;
  --color-flux-layer-pex: #F18525;
  --color-flux-layer-edge: #DE37A4;
  --color-flux-layer-agents: #8B5CF6;
  --color-flux-quest-accent: #4F46E5;
  --color-flux-voyage-accent: #056F82;
  --color-flux-circle-accent: #047857;
  --color-flux-edge-accent: #DE37A4;
  --color-flux-agents-accent: #8B5CF6;
  --color-flux-display-sm: 4.5rem;
  --color-flux-display-md: 6rem;
  --color-flux-display-lg: 8rem;
  --color-flux-display-xl: 10.5rem;
  --color-flux-prototype-font-display: 'Google Sans Flex', 'Manrope', system-ui, -apple-system, sans-serif;
  --color-flux-prototype-font-ui: 'Manrope', system-ui, -apple-system, sans-serif;
  --color-flux-prototype-weight-regular: 400;
  --color-flux-prototype-weight-medium: 500;
  --color-flux-prototype-weight-semibold: 600;
  --color-flux-prototype-weight-bold: 700;
  --color-flux-prototype-text-label: 0.8125rem;
  --color-flux-prototype-text-kpi: 3.5rem;

  /* Flux semantic roles. Prefer these: bg-flux-layer-01, text-flux-text-subtle. */
  --color-flux-text-primary: var(--flux-text-primary);
  --color-flux-text-secondary: var(--flux-text-secondary);
  --color-flux-text-subtle: var(--flux-text-subtle);
  --color-flux-text-placeholder: var(--flux-text-placeholder);
  --color-flux-text-disabled: var(--flux-text-disabled);
  --color-flux-text-on-color: var(--flux-text-on-color);
  --color-flux-text-on-cta: var(--flux-text-on-cta);
  --color-flux-text-inverse: var(--flux-text-inverse);
  --color-flux-text-link: var(--flux-text-link);
  --color-flux-text-link-hover: var(--flux-text-link-hover);
  --color-flux-text-brand: var(--flux-text-brand);
  --color-flux-text-error: var(--flux-text-error);
  --color-flux-text-success: var(--flux-text-success);
  --color-flux-text-warning: var(--flux-text-warning);
  --color-flux-text-info: var(--flux-text-info);
  --color-flux-layer-00: var(--flux-layer-00);
  --color-flux-layer-01: var(--flux-layer-01);
  --color-flux-layer-02: var(--flux-layer-02);
  --color-flux-layer-03: var(--flux-layer-03);
  --color-flux-layer-hover-01: var(--flux-layer-hover-01);
  --color-flux-layer-hover-02: var(--flux-layer-hover-02);
  --color-flux-layer-hover-03: var(--flux-layer-hover-03);
  --color-flux-surface-page: var(--flux-surface-page);
  --color-flux-surface: var(--flux-surface);
  --color-flux-surface-alt: var(--flux-surface-alt);
  --color-flux-surface-raised: var(--flux-surface-raised);
  --color-flux-surface-overlay: var(--flux-surface-overlay);
  --color-flux-surface-sunken: var(--flux-surface-sunken);
  --color-flux-surface-hover: var(--flux-surface-hover);
  --color-flux-surface-active: var(--flux-surface-active);
  --color-flux-surface-selected: var(--flux-surface-selected);
  --color-flux-surface-disabled: var(--flux-surface-disabled);
  --color-flux-surface-inverse: var(--flux-surface-inverse);
  --color-flux-surface-brand: var(--flux-surface-brand);
  --color-flux-surface-brand-hover: var(--flux-surface-brand-hover);
  --color-flux-surface-brand-active: var(--flux-surface-brand-active);
  --color-flux-surface-brand-subtle: var(--flux-surface-brand-subtle);
  --color-flux-surface-cta: var(--flux-surface-cta);
  --color-flux-surface-cta-hover: var(--flux-surface-cta-hover);
  --color-flux-surface-success-subtle: var(--flux-surface-success-subtle);
  --color-flux-surface-warning-subtle: var(--flux-surface-warning-subtle);
  --color-flux-surface-error-subtle: var(--flux-surface-error-subtle);
  --color-flux-surface-info-subtle: var(--flux-surface-info-subtle);
  --color-flux-surface-backdrop: var(--flux-surface-backdrop);
  --color-flux-border-subtle: var(--flux-border-subtle);
  --color-flux-border-default: var(--flux-border-default);
  --color-flux-border-strong: var(--flux-border-strong);
  --color-flux-border-interactive: var(--flux-border-interactive);
  --color-flux-border-brand: var(--flux-border-brand);
  --color-flux-border-focus: var(--flux-border-focus);
  --color-flux-border-error: var(--flux-border-error);
  --color-flux-border-disabled: var(--flux-border-disabled);
  --color-flux-border-inverse: var(--flux-border-inverse);
  --color-flux-icon-primary: var(--flux-icon-primary);
  --color-flux-icon-secondary: var(--flux-icon-secondary);
  --color-flux-icon-subtle: var(--flux-icon-subtle);
  --color-flux-icon-on-color: var(--flux-icon-on-color);
  --color-flux-icon-brand: var(--flux-icon-brand);
  --color-flux-icon-disabled: var(--flux-icon-disabled);
  --color-flux-chart-1: var(--flux-chart-1);
  --color-flux-chart-2: var(--flux-chart-2);
  --color-flux-chart-3: var(--flux-chart-3);
  --color-flux-chart-4: var(--flux-chart-4);
  --color-flux-chart-muted: var(--flux-chart-muted);
  --color-flux-chart-sequential-1: var(--flux-chart-sequential-1);
  --color-flux-chart-sequential-2: var(--flux-chart-sequential-2);
  --color-flux-chart-sequential-3: var(--flux-chart-sequential-3);
  --color-flux-chart-sequential-4: var(--flux-chart-sequential-4);
  --color-flux-chart-sequential-5: var(--flux-chart-sequential-5);
  --color-flux-chart-sequential-text-1: var(--flux-chart-sequential-text-1);
  --color-flux-chart-sequential-text-2: var(--flux-chart-sequential-text-2);
  --color-flux-chart-sequential-text-3: var(--flux-chart-sequential-text-3);
  --color-flux-chart-sequential-text-4: var(--flux-chart-sequential-text-4);
  --color-flux-chart-sequential-text-5: var(--flux-chart-sequential-text-5);
  --color-flux-background: var(--flux-background);
  --color-flux-heading: var(--flux-heading);

  /* Stock Tailwind names, remapped onto Flux rather than left to leak. */
  --color-red-50: var(--flux-orange-100);
  --color-red-100: var(--flux-orange-100);
  --color-red-200: var(--flux-orange-200);
  --color-red-300: var(--flux-orange-300);
  --color-red-400: var(--flux-orange-400);
  --color-red-500: var(--flux-orange-400);
  --color-red-600: var(--flux-orange-600);
  --color-red-700: var(--flux-orange-600);
  --color-red-800: var(--flux-orange-800);
  --color-red-900: var(--flux-orange-800);
  --color-red-950: var(--flux-orange-800);
  --color-orange-50: var(--flux-orange-100);
  --color-orange-100: var(--flux-orange-100);
  --color-orange-200: var(--flux-orange-200);
  --color-orange-300: var(--flux-orange-300);
  --color-orange-400: var(--flux-orange-400);
  --color-orange-500: var(--flux-orange-400);
  --color-orange-600: var(--flux-orange-600);
  --color-orange-700: var(--flux-orange-600);
  --color-orange-800: var(--flux-orange-800);
  --color-orange-900: var(--flux-orange-900);
  --color-orange-950: var(--flux-orange-900);
  --color-amber-50: var(--flux-yellow-100);
  --color-amber-100: var(--flux-yellow-100);
  --color-amber-200: var(--flux-yellow-200);
  --color-amber-300: var(--flux-yellow-300);
  --color-amber-400: var(--flux-yellow-400);
  --color-amber-500: var(--flux-yellow-400);
  --color-amber-600: var(--flux-yellow-600);
  --color-amber-700: var(--flux-yellow-800);
  --color-amber-800: var(--flux-yellow-800);
  --color-amber-900: var(--flux-yellow-800);
  --color-amber-950: var(--flux-yellow-800);
  --color-yellow-50: var(--flux-yellow-100);
  --color-yellow-100: var(--flux-yellow-100);
  --color-yellow-200: var(--flux-yellow-200);
  --color-yellow-300: var(--flux-yellow-300);
  --color-yellow-400: var(--flux-yellow-400);
  --color-yellow-500: var(--flux-yellow-400);
  --color-yellow-600: var(--flux-yellow-600);
  --color-yellow-700: var(--flux-yellow-800);
  --color-yellow-800: var(--flux-yellow-800);
  --color-yellow-900: var(--flux-yellow-900);
  --color-yellow-950: var(--flux-yellow-900);
  --color-lime-50: var(--flux-green-100);
  --color-lime-100: var(--flux-green-100);
  --color-lime-200: var(--flux-green-200);
  --color-lime-300: var(--flux-green-300);
  --color-lime-400: var(--flux-green-400);
  --color-lime-500: var(--flux-green-400);
  --color-lime-600: var(--flux-green-600);
  --color-lime-700: var(--flux-green-600);
  --color-lime-800: var(--flux-green-800);
  --color-lime-900: var(--flux-green-800);
  --color-lime-950: var(--flux-green-800);
  --color-green-50: var(--flux-green-100);
  --color-green-100: var(--flux-green-100);
  --color-green-200: var(--flux-green-200);
  --color-green-300: var(--flux-green-300);
  --color-green-400: var(--flux-green-400);
  --color-green-500: var(--flux-green-400);
  --color-green-600: var(--flux-green-600);
  --color-green-700: var(--flux-green-600);
  --color-green-800: var(--flux-green-800);
  --color-green-900: var(--flux-green-900);
  --color-green-950: var(--flux-green-900);
  --color-emerald-50: var(--flux-green-100);
  --color-emerald-100: var(--flux-green-100);
  --color-emerald-200: var(--flux-green-200);
  --color-emerald-300: var(--flux-green-300);
  --color-emerald-400: var(--flux-green-400);
  --color-emerald-500: var(--flux-green-400);
  --color-emerald-600: var(--flux-green-600);
  --color-emerald-700: var(--flux-green-600);
  --color-emerald-800: var(--flux-green-800);
  --color-emerald-900: var(--flux-green-800);
  --color-emerald-950: var(--flux-green-800);
  --color-teal-50: var(--flux-primary-50);
  --color-teal-100: var(--flux-primary-100);
  --color-teal-200: var(--flux-primary-200);
  --color-teal-300: var(--flux-primary-300);
  --color-teal-400: var(--flux-primary-400);
  --color-teal-500: var(--flux-primary-500);
  --color-teal-600: var(--flux-primary-600);
  --color-teal-700: var(--flux-primary-700);
  --color-teal-800: var(--flux-primary-800);
  --color-teal-900: var(--flux-primary-900);
  --color-teal-950: var(--flux-primary-900);
  --color-cyan-50: var(--flux-primary-50);
  --color-cyan-100: var(--flux-primary-100);
  --color-cyan-200: var(--flux-primary-200);
  --color-cyan-300: var(--flux-primary-300);
  --color-cyan-400: var(--flux-primary-400);
  --color-cyan-500: var(--flux-primary-500);
  --color-cyan-600: var(--flux-primary-600);
  --color-cyan-700: var(--flux-primary-700);
  --color-cyan-800: var(--flux-primary-800);
  --color-cyan-900: var(--flux-primary-900);
  --color-cyan-950: var(--flux-primary-900);
  --color-sky-50: var(--flux-primary-50);
  --color-sky-100: var(--flux-primary-100);
  --color-sky-200: var(--flux-primary-200);
  --color-sky-300: var(--flux-primary-300);
  --color-sky-400: var(--flux-primary-400);
  --color-sky-500: var(--flux-primary-500);
  --color-sky-600: var(--flux-primary-600);
  --color-sky-700: var(--flux-primary-700);
  --color-sky-800: var(--flux-primary-800);
  --color-sky-900: var(--flux-primary-900);
  --color-sky-950: var(--flux-primary-900);
  --color-blue-50: var(--flux-primary-50);
  --color-blue-100: var(--flux-primary-100);
  --color-blue-200: var(--flux-primary-200);
  --color-blue-300: var(--flux-primary-300);
  --color-blue-400: var(--flux-primary-400);
  --color-blue-500: var(--flux-primary-500);
  --color-blue-600: var(--flux-primary-600);
  --color-blue-700: var(--flux-primary-700);
  --color-blue-800: var(--flux-primary-800);
  --color-blue-900: var(--flux-primary-900);
  --color-blue-950: var(--flux-primary-900);
  --color-indigo-50: var(--flux-primary-50);
  --color-indigo-100: var(--flux-primary-100);
  --color-indigo-200: var(--flux-primary-200);
  --color-indigo-300: var(--flux-primary-300);
  --color-indigo-400: var(--flux-primary-400);
  --color-indigo-500: var(--flux-primary-500);
  --color-indigo-600: var(--flux-primary-600);
  --color-indigo-700: var(--flux-primary-700);
  --color-indigo-800: var(--flux-primary-800);
  --color-indigo-900: var(--flux-primary-900);
  --color-indigo-950: var(--flux-primary-900);
  --color-violet-50: var(--flux-purple-100);
  --color-violet-100: var(--flux-purple-100);
  --color-violet-200: var(--flux-purple-200);
  --color-violet-300: var(--flux-purple-300);
  --color-violet-400: var(--flux-purple-400);
  --color-violet-500: var(--flux-purple-400);
  --color-violet-600: var(--flux-purple-600);
  --color-violet-700: var(--flux-purple-600);
  --color-violet-800: var(--flux-purple-600);
  --color-violet-900: var(--flux-purple-600);
  --color-violet-950: var(--flux-purple-600);
  --color-purple-50: var(--flux-purple-100);
  --color-purple-100: var(--flux-purple-100);
  --color-purple-200: var(--flux-purple-200);
  --color-purple-300: var(--flux-purple-300);
  --color-purple-400: var(--flux-purple-400);
  --color-purple-500: var(--flux-purple-400);
  --color-purple-600: var(--flux-purple-600);
  --color-purple-700: var(--flux-purple-600);
  --color-purple-800: var(--flux-purple-600);
  --color-purple-900: var(--flux-purple-600);
  --color-purple-950: var(--flux-purple-600);
  --color-fuchsia-50: var(--flux-pink-100);
  --color-fuchsia-100: var(--flux-pink-100);
  --color-fuchsia-200: var(--flux-pink-200);
  --color-fuchsia-300: var(--flux-pink-300);
  --color-fuchsia-400: var(--flux-pink-400);
  --color-fuchsia-500: var(--flux-pink-400);
  --color-fuchsia-600: var(--flux-pink-600);
  --color-fuchsia-700: var(--flux-pink-600);
  --color-fuchsia-800: var(--flux-pink-600);
  --color-fuchsia-900: var(--flux-pink-600);
  --color-fuchsia-950: var(--flux-pink-600);
  --color-pink-50: var(--flux-pink-100);
  --color-pink-100: var(--flux-pink-100);
  --color-pink-200: var(--flux-pink-200);
  --color-pink-300: var(--flux-pink-300);
  --color-pink-400: var(--flux-pink-400);
  --color-pink-500: var(--flux-pink-400);
  --color-pink-600: var(--flux-pink-600);
  --color-pink-700: var(--flux-pink-600);
  --color-pink-800: var(--flux-pink-600);
  --color-pink-900: var(--flux-pink-600);
  --color-pink-950: var(--flux-pink-600);
  --color-rose-50: var(--flux-orange-100);
  --color-rose-100: var(--flux-orange-100);
  --color-rose-200: var(--flux-orange-200);
  --color-rose-300: var(--flux-orange-300);
  --color-rose-400: var(--flux-orange-400);
  --color-rose-500: var(--flux-orange-400);
  --color-rose-600: var(--flux-orange-600);
  --color-rose-700: var(--flux-orange-600);
  --color-rose-800: var(--flux-orange-800);
  --color-rose-900: var(--flux-orange-800);
  --color-rose-950: var(--flux-orange-800);
  --color-slate-50: var(--flux-neutral-50);
  --color-slate-100: var(--flux-neutral-100);
  --color-slate-200: var(--flux-neutral-200);
  --color-slate-300: var(--flux-neutral-300);
  --color-slate-400: var(--flux-neutral-400);
  --color-slate-500: var(--flux-neutral-500);
  --color-slate-600: var(--flux-neutral-600);
  --color-slate-700: var(--flux-neutral-700);
  --color-slate-800: var(--flux-neutral-800);
  --color-slate-900: var(--flux-neutral-900);
  --color-slate-950: var(--flux-neutral-950);
  --color-gray-50: var(--flux-neutral-50);
  --color-gray-100: var(--flux-neutral-100);
  --color-gray-200: var(--flux-neutral-200);
  --color-gray-300: var(--flux-neutral-300);
  --color-gray-400: var(--flux-neutral-400);
  --color-gray-500: var(--flux-neutral-500);
  --color-gray-600: var(--flux-neutral-600);
  --color-gray-700: var(--flux-neutral-700);
  --color-gray-800: var(--flux-neutral-800);
  --color-gray-900: var(--flux-neutral-900);
  --color-gray-950: var(--flux-neutral-950);
  --color-zinc-50: var(--flux-neutral-50);
  --color-zinc-100: var(--flux-neutral-100);
  --color-zinc-200: var(--flux-neutral-200);
  --color-zinc-300: var(--flux-neutral-300);
  --color-zinc-400: var(--flux-neutral-400);
  --color-zinc-500: var(--flux-neutral-500);
  --color-zinc-600: var(--flux-neutral-600);
  --color-zinc-700: var(--flux-neutral-700);
  --color-zinc-800: var(--flux-neutral-800);
  --color-zinc-900: var(--flux-neutral-900);
  --color-zinc-950: var(--flux-neutral-950);
  --color-neutral-50: var(--flux-neutral-50);
  --color-neutral-100: var(--flux-neutral-100);
  --color-neutral-200: var(--flux-neutral-200);
  --color-neutral-300: var(--flux-neutral-300);
  --color-neutral-400: var(--flux-neutral-400);
  --color-neutral-500: var(--flux-neutral-500);
  --color-neutral-600: var(--flux-neutral-600);
  --color-neutral-700: var(--flux-neutral-700);
  --color-neutral-800: var(--flux-neutral-800);
  --color-neutral-900: var(--flux-neutral-900);
  --color-neutral-950: var(--flux-neutral-950);
  --color-stone-50: var(--flux-neutral-50);
  --color-stone-100: var(--flux-neutral-100);
  --color-stone-200: var(--flux-neutral-200);
  --color-stone-300: var(--flux-neutral-300);
  --color-stone-400: var(--flux-neutral-400);
  --color-stone-500: var(--flux-neutral-500);
  --color-stone-600: var(--flux-neutral-600);
  --color-stone-700: var(--flux-neutral-700);
  --color-stone-800: var(--flux-neutral-800);
  --color-stone-900: var(--flux-neutral-900);
  --color-stone-950: var(--flux-neutral-950);
  --color-white: var(--flux-white);
  --color-black: var(--flux-black);

  /* Type scale. */
  --text-xs: var(--flux-text-xs);
  --text-sm: var(--flux-text-sm);
  --text-base: var(--flux-text-base);
  --text-lg: var(--flux-text-lg);
  --text-xl: var(--flux-text-xl);
  --text-2xl: var(--flux-text-2xl);
  --text-3xl: var(--flux-text-3xl);
  --text-4xl: var(--flux-text-4xl);
  --text-5xl: var(--flux-text-5xl);
  --text-6xl: var(--flux-text-6xl);

  /* Radius. rounded-lg and friends resolve to Flux, not to stock values. */
  --radius-none: var(--flux-radius-none);
  --radius-sm: var(--flux-radius-sm);
  --radius-md: var(--flux-radius-md);
  --radius-lg: var(--flux-radius-lg);
  --radius-xl: var(--flux-radius-xl);
  --radius-2xl: var(--flux-radius-2xl);
  --radius-full: var(--flux-radius-full);
  --radius-3xl: var(--flux-radius-2xl);

  /* Shadow. Theme-aware, so dark surfaces get usable elevation. */
  --shadow-sm: var(--flux-shadow-sm);
  --shadow-md: var(--flux-shadow-md);
  --shadow-lg: var(--flux-shadow-lg);
  --shadow-xl: var(--flux-shadow-xl);
  --shadow-2xl: var(--flux-shadow-xl);

  /* Fonts and motion. */
  --font-sans: var(--flux-font-sans);
  --font-mono: var(--flux-font-mono);
  --default-font-family: var(--flux-font-sans);
  --default-mono-font-family: var(--flux-font-mono);
  --ease-in-out: var(--flux-ease);
  --ease-out: var(--flux-ease-entrance);
  --ease-in: var(--flux-ease-exit);

  /* Lexend ships two weights, so every stock weight lands on one of them rather
     than on an unloaded, faux-bolded instance. flux-prototype.css re-declares
     these in its scope, so the same utilities follow the prototype weights. */
  --font-weight-thin: var(--flux-weight-light);
  --font-weight-extralight: var(--flux-weight-light);
  --font-weight-light: var(--flux-weight-light);
  --font-weight-normal: var(--flux-weight-light);
  --font-weight-medium: var(--flux-weight-light);
  --font-weight-semibold: var(--flux-weight-bold);
  --font-weight-bold: var(--flux-weight-bold);
  --font-weight-extrabold: var(--flux-weight-bold);
  --font-weight-black: var(--flux-weight-bold);
}

/* Rings default to Flux teal. A stray focus:ring-blue-500 still lands on Flux
   because the blue family above was remapped. */
@theme {
  --color-ring: var(--flux-focus-ring);
  --default-ring-color: var(--flux-focus-ring);
  --default-ring-width: var(--flux-focus-ring-width);
}