/* Vendored from the UniQuarter design system (packages/design-system/src/styles/tokens.css)
 * by scripts/sync-tokens.mjs on 2026-10-30. Do not edit by hand:
 * change the tokens in the monorepo, then run the script again. */

/* GENERATED by tokens/build.mjs from tokens/*.tokens.json.
 * Do not edit. Change the token JSON and run `pnpm tokens:build`.
 * Variables are prefixed --uq-. The @theme block below maps semantic and
 * component tokens onto Tailwind utilities; core ramps are deliberately not
 * exposed so components cannot bypass the semantic tier. */

:root {
  --uq-color-teal-50: #EEF6F8;
  --uq-color-teal-100: #E4EFF2;
  --uq-color-teal-200: #B3D6DF;
  --uq-color-teal-300: #8FC1D9;
  --uq-color-teal-400: #5FA3B7;
  --uq-color-teal-500: #3E8FA2;
  --uq-color-teal-600: #2E7D8F;
  --uq-color-teal-700: #175B68;
  --uq-color-teal-800: #124852;
  --uq-color-teal-900: #0D353C;
  --uq-color-teal-950: #0F2E33;
  --uq-color-coral-50: #FBEAE6;
  --uq-color-coral-100: #F9CFC6;
  --uq-color-coral-200: #F5B4A6;
  --uq-color-coral-300: #EF9888;
  --uq-color-coral-400: #E87B6A;
  --uq-color-coral-500: #D26C5B;
  --uq-color-coral-600: #BD5E4D;
  --uq-color-coral-700: #A8503F;
  --uq-color-coral-800: #7A3A2E;
  --uq-color-coral-900: #55271E;
  --uq-color-coral-950: #33150F;
  --uq-color-gold-50: #FFF5E8;
  --uq-color-gold-100: #F8E0BB;
  --uq-color-gold-200: #EECB94;
  --uq-color-gold-300: #E4B56C;
  --uq-color-gold-400: #D9A03C;
  --uq-color-gold-500: #CA9231;
  --uq-color-gold-600: #BC8525;
  --uq-color-gold-700: #97680F;
  --uq-color-gold-800: #714D06;
  --uq-color-gold-900: #4E3300;
  --uq-color-gold-950: #2D1B00;
  --uq-color-green-50: #E9F3EF;
  --uq-color-green-100: #C5E5D7;
  --uq-color-green-200: #A2D7BE;
  --uq-color-green-300: #7FC9A3;
  --uq-color-green-400: #61AE86;
  --uq-color-green-500: #42946A;
  --uq-color-green-600: #1E7B4F;
  --uq-color-green-700: #16603D;
  --uq-color-green-800: #0F4C2F;
  --uq-color-green-900: #093922;
  --uq-color-green-950: #052616;
  --uq-color-orange-50: #FFEEE4;
  --uq-color-orange-100: #FED6BD;
  --uq-color-orange-200: #FDBD96;
  --uq-color-orange-300: #FDA166;
  --uq-color-orange-400: #E8843F;
  --uq-color-orange-500: #D26600;
  --uq-color-orange-600: #BF5D05;
  --uq-color-orange-700: #AC5408;
  --uq-color-orange-800: #813E08;
  --uq-color-orange-900: #592903;
  --uq-color-orange-950: #351500;
  --uq-color-red-50: #FFEBEA;
  --uq-color-red-100: #FFCDCB;
  --uq-color-red-200: #FDADAE;
  --uq-color-red-300: #FC8A90;
  --uq-color-red-400: #F16B74;
  --uq-color-red-500: #E54757;
  --uq-color-red-600: #D70C39;
  --uq-color-red-700: #AD112E;
  --uq-color-red-800: #890020;
  --uq-color-red-900: #650014;
  --uq-color-red-950: #42010B;
  --uq-color-neutral-50: #F5F8F8;
  --uq-color-neutral-100: #EEF4F5;
  --uq-color-neutral-200: #DFE7E8;
  --uq-color-neutral-300: #C2CDD0;
  --uq-color-neutral-400: #A6B4BA;
  --uq-color-neutral-500: #6F9397;
  --uq-color-neutral-600: #64757A;
  --uq-color-neutral-700: #4A585D;
  --uq-color-neutral-800: #3A474B;
  --uq-color-neutral-900: #2E3D42;
  --uq-color-neutral-950: #263236;
  --uq-color-alpha-scrim: rgba(27, 42, 46, 0.55);
  --uq-color-alpha-shadow: rgba(27, 42, 46, 0.10);
  --uq-color-alpha-shadow-deep: rgba(27, 42, 46, 0.22);
  --uq-color-white: #FFFFFF;
  --uq-color-ink: #1B2A2E;
  --uq-color-slate: #314146;
  --uq-color-bg-page: var(--uq-color-neutral-50);
  --uq-color-bg-surface: var(--uq-color-white);
  --uq-color-bg-raised: var(--uq-color-white);
  --uq-color-bg-sunken: var(--uq-color-neutral-100);
  --uq-color-bg-inverse: var(--uq-color-teal-700);
  --uq-color-bg-brand-subtle: var(--uq-color-teal-50);
  --uq-color-bg-overlay: var(--uq-color-alpha-scrim);
  --uq-color-text-default: var(--uq-color-ink);
  --uq-color-text-muted: var(--uq-color-neutral-600);
  --uq-color-text-strong: var(--uq-color-slate);
  --uq-color-text-on-inverse: var(--uq-color-white);
  --uq-color-text-brand: var(--uq-color-teal-700);
  --uq-color-text-link: var(--uq-color-teal-700);
  --uq-color-text-link-hover: var(--uq-color-teal-800);
  --uq-color-text-accent: var(--uq-color-coral-700);
  --uq-color-text-success: var(--uq-color-green-600);
  --uq-color-text-warning: var(--uq-color-orange-700);
  --uq-color-text-danger: var(--uq-color-red-600);
  --uq-color-text-disabled: var(--uq-color-neutral-600);
  --uq-color-border-default: var(--uq-color-neutral-200);
  --uq-color-border-strong: var(--uq-color-neutral-500);
  --uq-color-border-input: var(--uq-color-neutral-500);
  --uq-color-border-focus: var(--uq-color-teal-700);
  --uq-color-border-danger: var(--uq-color-red-600);
  --uq-color-border-success: var(--uq-color-green-600);
  --uq-color-action-primary-bg: var(--uq-color-teal-700);
  --uq-color-action-primary-fg: var(--uq-color-white);
  --uq-color-action-primary-bg-hover: var(--uq-color-teal-800);
  --uq-color-action-primary-bg-active: var(--uq-color-teal-900);
  --uq-color-action-primary-bg-disabled: var(--uq-color-neutral-200);
  --uq-color-action-primary-fg-disabled: var(--uq-color-neutral-600);
  --uq-color-action-secondary-bg: var(--uq-color-white);
  --uq-color-action-secondary-fg: var(--uq-color-teal-700);
  --uq-color-action-secondary-border: var(--uq-color-teal-700);
  --uq-color-action-secondary-bg-hover: var(--uq-color-teal-50);
  --uq-color-action-secondary-bg-active: var(--uq-color-teal-100);
  --uq-color-action-ghost-fg: var(--uq-color-teal-700);
  --uq-color-action-ghost-bg-hover: var(--uq-color-teal-50);
  --uq-color-action-ghost-bg-active: var(--uq-color-teal-100);
  --uq-color-action-danger-bg: var(--uq-color-white);
  --uq-color-action-danger-fg: var(--uq-color-red-600);
  --uq-color-action-danger-border: var(--uq-color-red-600);
  --uq-color-action-danger-bg-hover: var(--uq-color-red-50);
  --uq-color-action-danger-bg-solid: var(--uq-color-red-600);
  --uq-color-action-danger-fg-solid: var(--uq-color-white);
  --uq-color-status-verified-fg: var(--uq-color-teal-700);
  --uq-color-status-verified-bg: var(--uq-color-teal-50);
  --uq-color-status-verified-border: var(--uq-color-teal-600);
  --uq-color-status-verified-icon: var(--uq-color-teal-700);
  --uq-color-status-pending-fg: var(--uq-color-orange-700);
  --uq-color-status-pending-bg: var(--uq-color-orange-50);
  --uq-color-status-pending-border: var(--uq-color-orange-500);
  --uq-color-status-pending-icon: var(--uq-color-orange-500);
  --uq-color-status-lapsed-fg: var(--uq-color-red-600);
  --uq-color-status-lapsed-bg: var(--uq-color-red-50);
  --uq-color-status-lapsed-border: var(--uq-color-red-600);
  --uq-color-status-lapsed-icon: var(--uq-color-red-600);
  --uq-color-status-locked-fg: var(--uq-color-slate);
  --uq-color-status-locked-bg: var(--uq-color-neutral-100);
  --uq-color-status-locked-border: var(--uq-color-neutral-500);
  --uq-color-status-locked-icon: var(--uq-color-slate);
  --uq-color-status-neutral-fg: var(--uq-color-slate);
  --uq-color-status-neutral-bg: var(--uq-color-neutral-100);
  --uq-color-status-neutral-border: var(--uq-color-neutral-200);
  --uq-color-status-neutral-icon: var(--uq-color-slate);
  --uq-color-status-success-fg: var(--uq-color-green-600);
  --uq-color-status-success-bg: var(--uq-color-green-50);
  --uq-color-status-success-border: var(--uq-color-green-600);
  --uq-color-status-success-icon: var(--uq-color-green-600);
  --uq-color-status-warning-fg: var(--uq-color-orange-700);
  --uq-color-status-warning-bg: var(--uq-color-orange-50);
  --uq-color-status-warning-border: var(--uq-color-orange-500);
  --uq-color-status-warning-icon: var(--uq-color-orange-500);
  --uq-color-status-danger-fg: var(--uq-color-red-600);
  --uq-color-status-danger-bg: var(--uq-color-red-50);
  --uq-color-status-danger-border: var(--uq-color-red-600);
  --uq-color-status-danger-icon: var(--uq-color-red-600);
  --uq-color-status-info-fg: var(--uq-color-teal-700);
  --uq-color-status-info-bg: var(--uq-color-teal-50);
  --uq-color-status-info-border: var(--uq-color-teal-600);
  --uq-color-status-info-icon: var(--uq-color-teal-700);
  --uq-color-status-accent-fg: var(--uq-color-coral-700);
  --uq-color-status-accent-bg: var(--uq-color-coral-50);
  --uq-color-status-accent-border: var(--uq-color-coral-700);
  --uq-color-status-accent-icon: var(--uq-color-coral-700);
  --uq-color-rating-star: var(--uq-color-gold-400);
  --uq-color-rating-star-outline: var(--uq-color-gold-600);
  --uq-color-rating-star-empty: var(--uq-color-neutral-200);
  --uq-color-focus-ring: var(--uq-color-teal-700);
  --uq-color-focus-halo: var(--uq-color-white);
  --uq-color-decor-coral: var(--uq-color-coral-400);
  --uq-color-decor-sky: var(--uq-color-teal-300);
  --uq-color-shadcn-background: var(--uq-color-bg-page);
  --uq-color-shadcn-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-card: var(--uq-color-bg-surface);
  --uq-color-shadcn-card-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-popover: var(--uq-color-bg-raised);
  --uq-color-shadcn-popover-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-primary: var(--uq-color-action-primary-bg);
  --uq-color-shadcn-primary-foreground: var(--uq-color-action-primary-fg);
  --uq-color-shadcn-secondary: var(--uq-color-bg-sunken);
  --uq-color-shadcn-secondary-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-muted: var(--uq-color-bg-page);
  --uq-color-shadcn-muted-foreground: var(--uq-color-text-muted);
  --uq-color-shadcn-accent: var(--uq-color-bg-brand-subtle);
  --uq-color-shadcn-accent-foreground: var(--uq-color-text-brand);
  --uq-color-shadcn-destructive: var(--uq-color-action-danger-fg);
  --uq-color-shadcn-border: var(--uq-color-border-default);
  --uq-color-shadcn-input: var(--uq-color-border-input);
  --uq-color-shadcn-ring: var(--uq-color-focus-ring);
  --uq-color-shadcn-chart-1: var(--uq-color-teal-700);
  --uq-color-shadcn-chart-2: var(--uq-color-coral-700);
  --uq-color-shadcn-chart-3: var(--uq-color-teal-300);
  --uq-color-shadcn-chart-4: var(--uq-color-gold-400);
  --uq-color-shadcn-chart-5: var(--uq-color-green-600);
  --uq-color-shadcn-sidebar: var(--uq-color-bg-surface);
  --uq-color-shadcn-sidebar-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-sidebar-primary: var(--uq-color-action-primary-bg);
  --uq-color-shadcn-sidebar-primary-foreground: var(--uq-color-action-primary-fg);
  --uq-color-shadcn-sidebar-accent: var(--uq-color-bg-brand-subtle);
  --uq-color-shadcn-sidebar-accent-foreground: var(--uq-color-text-brand);
  --uq-color-shadcn-sidebar-border: var(--uq-color-border-default);
  --uq-color-shadcn-sidebar-ring: var(--uq-color-focus-ring);
  --uq-font-family-display: 'Bricolage Grotesque Variable', 'Hiragino Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --uq-font-family-body: 'Instrument Sans Variable', 'Hiragino Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --uq-font-family-ja: 'Instrument Sans Variable', 'Hiragino Sans', 'Yu Gothic', Meiryo, sans-serif;
  --uq-font-family-zh: 'Instrument Sans Variable', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --uq-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --uq-font-weight-regular: 400;
  --uq-font-weight-medium: 500;
  --uq-font-weight-semibold: 600;
  --uq-font-weight-bold: 700;
  --uq-font-weight-black: 800;
  --uq-font-size-xs: 0.75rem;
  --uq-font-size-sm: 0.875rem;
  --uq-font-size-md: 1rem;
  --uq-font-size-lg: 1.125rem;
  --uq-font-size-xl: 1.25rem;
  --uq-font-size-2xl: 1.5rem;
  --uq-font-size-3xl: 1.875rem;
  --uq-font-size-4xl: 2.25rem;
  --uq-font-line-height-tight: 1.2;
  --uq-font-line-height-snug: 1.3;
  --uq-font-line-height-normal: 1.5;
  --uq-font-letter-spacing-normal: 0em;
  --uq-font-letter-spacing-eyebrow: 0.06em;
  --uq-font-letter-spacing-display: -0.01em;
  --uq-space-0: 0px;
  --uq-space-1: 4px;
  --uq-space-2: 8px;
  --uq-space-3: 12px;
  --uq-space-4: 16px;
  --uq-space-5: 20px;
  --uq-space-6: 24px;
  --uq-space-8: 32px;
  --uq-space-10: 40px;
  --uq-space-12: 48px;
  --uq-space-16: 64px;
  --uq-space-24: 96px;
  --uq-space-px: 1px;
  --uq-space-0-5: 2px;
  --uq-radius-xs: 4px;
  --uq-radius-sm: 8px;
  --uq-radius-md: 12px;
  --uq-radius-lg: 16px;
  --uq-radius-xl: 20px;
  --uq-radius-full: 9999px;
  --uq-border-width-hairline: 1px;
  --uq-border-width-emphasis: 1.5px;
  --uq-border-width-indicator: 3px;
  --uq-border-width-focus: 2px;
  --uq-size-target-min: 24px;
  --uq-size-target-touch: 44px;
  --uq-size-target-gap: 8px;
  --uq-size-control-sm: 36px;
  --uq-size-control-md: 44px;
  --uq-size-control-lg: 48px;
  --uq-size-icon-xs: 12px;
  --uq-size-icon-sm: 16px;
  --uq-size-icon-md: 20px;
  --uq-size-icon-lg: 24px;
  --uq-size-icon-xl: 44px;
  --uq-size-header: 56px;
  --uq-size-tab-bar: 64px;
  --uq-size-focus-offset: 2px;
  --uq-shadow-sm: 0px 1px 2px 0px rgba(27, 42, 46, 0.10);
  --uq-shadow-md: 0px 4px 12px 0px rgba(27, 42, 46, 0.10);
  --uq-shadow-lg: 0px 10px 30px 0px rgba(27, 42, 46, 0.22);
  --uq-shadow-xl: 0px 18px 60px 0px rgba(27, 42, 46, 0.22);
  --uq-shadow-card: var(--uq-shadow-sm);
  --uq-shadow-raised: var(--uq-shadow-md);
  --uq-shadow-overlay: var(--uq-shadow-lg);
  --uq-motion-duration-fast: 120ms;
  --uq-motion-duration-base: 200ms;
  --uq-motion-duration-slow: 320ms;
  --uq-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --uq-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --uq-z-sticky: 100;
  --uq-z-dropdown: 200;
  --uq-z-scrim: 300;
  --uq-z-modal: 400;
  --uq-z-toast: 500;
  --uq-button-radius: var(--uq-radius-sm);
  --uq-button-height-sm: var(--uq-size-control-sm);
  --uq-button-height-md: var(--uq-size-control-md);
  --uq-button-height-lg: var(--uq-size-control-lg);
  --uq-button-primary-bg: var(--uq-color-action-primary-bg);
  --uq-button-primary-fg: var(--uq-color-action-primary-fg);
  --uq-button-primary-bg-hover: var(--uq-color-action-primary-bg-hover);
  --uq-button-primary-bg-active: var(--uq-color-action-primary-bg-active);
  --uq-button-primary-bg-disabled: var(--uq-color-action-primary-bg-disabled);
  --uq-button-primary-fg-disabled: var(--uq-color-action-primary-fg-disabled);
  --uq-button-secondary-bg: var(--uq-color-action-secondary-bg);
  --uq-button-secondary-fg: var(--uq-color-action-secondary-fg);
  --uq-button-secondary-border: var(--uq-color-action-secondary-border);
  --uq-button-secondary-bg-hover: var(--uq-color-action-secondary-bg-hover);
  --uq-button-secondary-bg-active: var(--uq-color-action-secondary-bg-active);
  --uq-button-ghost-fg: var(--uq-color-action-ghost-fg);
  --uq-button-ghost-bg-hover: var(--uq-color-action-ghost-bg-hover);
  --uq-button-ghost-bg-active: var(--uq-color-action-ghost-bg-active);
  --uq-button-danger-bg: var(--uq-color-action-danger-bg);
  --uq-button-danger-fg: var(--uq-color-action-danger-fg);
  --uq-button-danger-border: var(--uq-color-action-danger-border);
  --uq-button-danger-bg-hover: var(--uq-color-action-danger-bg-hover);
  --uq-button-danger-bg-solid: var(--uq-color-action-danger-bg-solid);
  --uq-button-danger-fg-solid: var(--uq-color-action-danger-fg-solid);
  --uq-input-bg: var(--uq-color-bg-surface);
  --uq-input-fg: var(--uq-color-text-default);
  --uq-input-placeholder: var(--uq-color-text-muted);
  --uq-input-border: var(--uq-color-border-input);
  --uq-input-border-hover: var(--uq-color-border-strong);
  --uq-input-border-focus: var(--uq-color-border-focus);
  --uq-input-border-error: var(--uq-color-border-danger);
  --uq-input-radius: var(--uq-radius-sm);
  --uq-input-height: var(--uq-size-control-md);
  --uq-card-bg: var(--uq-color-bg-surface);
  --uq-card-border: var(--uq-color-border-default);
  --uq-card-radius: var(--uq-radius-md);
  --uq-card-shadow: var(--uq-shadow-card);
  --uq-badge-radius: var(--uq-radius-full);
  --uq-focus-ring: var(--uq-color-focus-ring);
  --uq-focus-halo: var(--uq-color-focus-halo);
  --uq-focus-width: var(--uq-border-width-focus);
  --uq-focus-offset: var(--uq-size-focus-offset);
  --uq-link-fg: var(--uq-color-text-link);
  --uq-link-fg-hover: var(--uq-color-text-link-hover);
  --uq-header-bg: var(--uq-color-bg-inverse);
  --uq-header-fg: var(--uq-color-text-on-inverse);
  --uq-header-height: var(--uq-size-header);
  --uq-tab-bar-bg: var(--uq-color-bg-surface);
  --uq-tab-bar-fg: var(--uq-color-text-muted);
  --uq-tab-bar-fg-active: var(--uq-color-text-brand);
  --uq-tab-bar-indicator: var(--uq-color-text-brand);
  --uq-tab-bar-border: var(--uq-color-border-default);
  --uq-tab-bar-height: var(--uq-size-tab-bar);
  --uq-toast-bg: var(--uq-color-bg-inverse);
  --uq-toast-fg: var(--uq-color-text-on-inverse);
  --uq-toast-radius: var(--uq-radius-md);
  --uq-toast-shadow: var(--uq-shadow-overlay);
  --uq-dialog-bg: var(--uq-color-bg-surface);
  --uq-dialog-scrim: var(--uq-color-bg-overlay);
  --uq-dialog-radius: var(--uq-radius-lg);
  --uq-dialog-shadow: var(--uq-shadow-overlay);
  --uq-tooltip-bg: var(--uq-color-bg-inverse);
  --uq-tooltip-fg: var(--uq-color-text-on-inverse);
  --uq-tooltip-radius: var(--uq-radius-sm);
  --uq-skeleton-bg: var(--uq-color-bg-sunken);
  --uq-skip-link-bg: var(--uq-color-bg-inverse);
  --uq-skip-link-fg: var(--uq-color-text-on-inverse);
}

[data-theme="light"] {
  --uq-color-bg-page: var(--uq-color-neutral-50);
  --uq-color-bg-surface: var(--uq-color-white);
  --uq-color-bg-raised: var(--uq-color-white);
  --uq-color-bg-sunken: var(--uq-color-neutral-100);
  --uq-color-bg-inverse: var(--uq-color-teal-700);
  --uq-color-bg-brand-subtle: var(--uq-color-teal-50);
  --uq-color-bg-overlay: var(--uq-color-alpha-scrim);
  --uq-color-text-default: var(--uq-color-ink);
  --uq-color-text-muted: var(--uq-color-neutral-600);
  --uq-color-text-strong: var(--uq-color-slate);
  --uq-color-text-on-inverse: var(--uq-color-white);
  --uq-color-text-brand: var(--uq-color-teal-700);
  --uq-color-text-link: var(--uq-color-teal-700);
  --uq-color-text-link-hover: var(--uq-color-teal-800);
  --uq-color-text-accent: var(--uq-color-coral-700);
  --uq-color-text-success: var(--uq-color-green-600);
  --uq-color-text-warning: var(--uq-color-orange-700);
  --uq-color-text-danger: var(--uq-color-red-600);
  --uq-color-text-disabled: var(--uq-color-neutral-600);
  --uq-color-border-default: var(--uq-color-neutral-200);
  --uq-color-border-strong: var(--uq-color-neutral-500);
  --uq-color-border-input: var(--uq-color-neutral-500);
  --uq-color-border-focus: var(--uq-color-teal-700);
  --uq-color-border-danger: var(--uq-color-red-600);
  --uq-color-border-success: var(--uq-color-green-600);
  --uq-color-action-primary-bg: var(--uq-color-teal-700);
  --uq-color-action-primary-fg: var(--uq-color-white);
  --uq-color-action-primary-bg-hover: var(--uq-color-teal-800);
  --uq-color-action-primary-bg-active: var(--uq-color-teal-900);
  --uq-color-action-primary-bg-disabled: var(--uq-color-neutral-200);
  --uq-color-action-primary-fg-disabled: var(--uq-color-neutral-600);
  --uq-color-action-secondary-bg: var(--uq-color-white);
  --uq-color-action-secondary-fg: var(--uq-color-teal-700);
  --uq-color-action-secondary-border: var(--uq-color-teal-700);
  --uq-color-action-secondary-bg-hover: var(--uq-color-teal-50);
  --uq-color-action-secondary-bg-active: var(--uq-color-teal-100);
  --uq-color-action-ghost-fg: var(--uq-color-teal-700);
  --uq-color-action-ghost-bg-hover: var(--uq-color-teal-50);
  --uq-color-action-ghost-bg-active: var(--uq-color-teal-100);
  --uq-color-action-danger-bg: var(--uq-color-white);
  --uq-color-action-danger-fg: var(--uq-color-red-600);
  --uq-color-action-danger-border: var(--uq-color-red-600);
  --uq-color-action-danger-bg-hover: var(--uq-color-red-50);
  --uq-color-action-danger-bg-solid: var(--uq-color-red-600);
  --uq-color-action-danger-fg-solid: var(--uq-color-white);
  --uq-color-status-verified-fg: var(--uq-color-teal-700);
  --uq-color-status-verified-bg: var(--uq-color-teal-50);
  --uq-color-status-verified-border: var(--uq-color-teal-600);
  --uq-color-status-verified-icon: var(--uq-color-teal-700);
  --uq-color-status-pending-fg: var(--uq-color-orange-700);
  --uq-color-status-pending-bg: var(--uq-color-orange-50);
  --uq-color-status-pending-border: var(--uq-color-orange-500);
  --uq-color-status-pending-icon: var(--uq-color-orange-500);
  --uq-color-status-lapsed-fg: var(--uq-color-red-600);
  --uq-color-status-lapsed-bg: var(--uq-color-red-50);
  --uq-color-status-lapsed-border: var(--uq-color-red-600);
  --uq-color-status-lapsed-icon: var(--uq-color-red-600);
  --uq-color-status-locked-fg: var(--uq-color-slate);
  --uq-color-status-locked-bg: var(--uq-color-neutral-100);
  --uq-color-status-locked-border: var(--uq-color-neutral-500);
  --uq-color-status-locked-icon: var(--uq-color-slate);
  --uq-color-status-neutral-fg: var(--uq-color-slate);
  --uq-color-status-neutral-bg: var(--uq-color-neutral-100);
  --uq-color-status-neutral-border: var(--uq-color-neutral-200);
  --uq-color-status-neutral-icon: var(--uq-color-slate);
  --uq-color-status-success-fg: var(--uq-color-green-600);
  --uq-color-status-success-bg: var(--uq-color-green-50);
  --uq-color-status-success-border: var(--uq-color-green-600);
  --uq-color-status-success-icon: var(--uq-color-green-600);
  --uq-color-status-warning-fg: var(--uq-color-orange-700);
  --uq-color-status-warning-bg: var(--uq-color-orange-50);
  --uq-color-status-warning-border: var(--uq-color-orange-500);
  --uq-color-status-warning-icon: var(--uq-color-orange-500);
  --uq-color-status-danger-fg: var(--uq-color-red-600);
  --uq-color-status-danger-bg: var(--uq-color-red-50);
  --uq-color-status-danger-border: var(--uq-color-red-600);
  --uq-color-status-danger-icon: var(--uq-color-red-600);
  --uq-color-status-info-fg: var(--uq-color-teal-700);
  --uq-color-status-info-bg: var(--uq-color-teal-50);
  --uq-color-status-info-border: var(--uq-color-teal-600);
  --uq-color-status-info-icon: var(--uq-color-teal-700);
  --uq-color-status-accent-fg: var(--uq-color-coral-700);
  --uq-color-status-accent-bg: var(--uq-color-coral-50);
  --uq-color-status-accent-border: var(--uq-color-coral-700);
  --uq-color-status-accent-icon: var(--uq-color-coral-700);
  --uq-color-rating-star: var(--uq-color-gold-400);
  --uq-color-rating-star-outline: var(--uq-color-gold-600);
  --uq-color-rating-star-empty: var(--uq-color-neutral-200);
  --uq-color-focus-ring: var(--uq-color-teal-700);
  --uq-color-focus-halo: var(--uq-color-white);
  --uq-color-decor-coral: var(--uq-color-coral-400);
  --uq-color-decor-sky: var(--uq-color-teal-300);
  --uq-color-shadcn-background: var(--uq-color-bg-page);
  --uq-color-shadcn-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-card: var(--uq-color-bg-surface);
  --uq-color-shadcn-card-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-popover: var(--uq-color-bg-raised);
  --uq-color-shadcn-popover-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-primary: var(--uq-color-action-primary-bg);
  --uq-color-shadcn-primary-foreground: var(--uq-color-action-primary-fg);
  --uq-color-shadcn-secondary: var(--uq-color-bg-sunken);
  --uq-color-shadcn-secondary-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-muted: var(--uq-color-bg-page);
  --uq-color-shadcn-muted-foreground: var(--uq-color-text-muted);
  --uq-color-shadcn-accent: var(--uq-color-bg-brand-subtle);
  --uq-color-shadcn-accent-foreground: var(--uq-color-text-brand);
  --uq-color-shadcn-destructive: var(--uq-color-action-danger-fg);
  --uq-color-shadcn-border: var(--uq-color-border-default);
  --uq-color-shadcn-input: var(--uq-color-border-input);
  --uq-color-shadcn-ring: var(--uq-color-focus-ring);
  --uq-color-shadcn-chart-1: var(--uq-color-teal-700);
  --uq-color-shadcn-chart-2: var(--uq-color-coral-700);
  --uq-color-shadcn-chart-3: var(--uq-color-teal-300);
  --uq-color-shadcn-chart-4: var(--uq-color-gold-400);
  --uq-color-shadcn-chart-5: var(--uq-color-green-600);
  --uq-color-shadcn-sidebar: var(--uq-color-bg-surface);
  --uq-color-shadcn-sidebar-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-sidebar-primary: var(--uq-color-action-primary-bg);
  --uq-color-shadcn-sidebar-primary-foreground: var(--uq-color-action-primary-fg);
  --uq-color-shadcn-sidebar-accent: var(--uq-color-bg-brand-subtle);
  --uq-color-shadcn-sidebar-accent-foreground: var(--uq-color-text-brand);
  --uq-color-shadcn-sidebar-border: var(--uq-color-border-default);
  --uq-color-shadcn-sidebar-ring: var(--uq-color-focus-ring);
  --uq-shadow-card: var(--uq-shadow-sm);
  --uq-shadow-raised: var(--uq-shadow-md);
  --uq-shadow-overlay: var(--uq-shadow-lg);
  --uq-button-radius: var(--uq-radius-sm);
  --uq-button-height-sm: var(--uq-size-control-sm);
  --uq-button-height-md: var(--uq-size-control-md);
  --uq-button-height-lg: var(--uq-size-control-lg);
  --uq-button-primary-bg: var(--uq-color-action-primary-bg);
  --uq-button-primary-fg: var(--uq-color-action-primary-fg);
  --uq-button-primary-bg-hover: var(--uq-color-action-primary-bg-hover);
  --uq-button-primary-bg-active: var(--uq-color-action-primary-bg-active);
  --uq-button-primary-bg-disabled: var(--uq-color-action-primary-bg-disabled);
  --uq-button-primary-fg-disabled: var(--uq-color-action-primary-fg-disabled);
  --uq-button-secondary-bg: var(--uq-color-action-secondary-bg);
  --uq-button-secondary-fg: var(--uq-color-action-secondary-fg);
  --uq-button-secondary-border: var(--uq-color-action-secondary-border);
  --uq-button-secondary-bg-hover: var(--uq-color-action-secondary-bg-hover);
  --uq-button-secondary-bg-active: var(--uq-color-action-secondary-bg-active);
  --uq-button-ghost-fg: var(--uq-color-action-ghost-fg);
  --uq-button-ghost-bg-hover: var(--uq-color-action-ghost-bg-hover);
  --uq-button-ghost-bg-active: var(--uq-color-action-ghost-bg-active);
  --uq-button-danger-bg: var(--uq-color-action-danger-bg);
  --uq-button-danger-fg: var(--uq-color-action-danger-fg);
  --uq-button-danger-border: var(--uq-color-action-danger-border);
  --uq-button-danger-bg-hover: var(--uq-color-action-danger-bg-hover);
  --uq-button-danger-bg-solid: var(--uq-color-action-danger-bg-solid);
  --uq-button-danger-fg-solid: var(--uq-color-action-danger-fg-solid);
  --uq-input-bg: var(--uq-color-bg-surface);
  --uq-input-fg: var(--uq-color-text-default);
  --uq-input-placeholder: var(--uq-color-text-muted);
  --uq-input-border: var(--uq-color-border-input);
  --uq-input-border-hover: var(--uq-color-border-strong);
  --uq-input-border-focus: var(--uq-color-border-focus);
  --uq-input-border-error: var(--uq-color-border-danger);
  --uq-input-radius: var(--uq-radius-sm);
  --uq-input-height: var(--uq-size-control-md);
  --uq-card-bg: var(--uq-color-bg-surface);
  --uq-card-border: var(--uq-color-border-default);
  --uq-card-radius: var(--uq-radius-md);
  --uq-card-shadow: var(--uq-shadow-card);
  --uq-badge-radius: var(--uq-radius-full);
  --uq-focus-ring: var(--uq-color-focus-ring);
  --uq-focus-halo: var(--uq-color-focus-halo);
  --uq-focus-width: var(--uq-border-width-focus);
  --uq-focus-offset: var(--uq-size-focus-offset);
  --uq-link-fg: var(--uq-color-text-link);
  --uq-link-fg-hover: var(--uq-color-text-link-hover);
  --uq-header-bg: var(--uq-color-bg-inverse);
  --uq-header-fg: var(--uq-color-text-on-inverse);
  --uq-header-height: var(--uq-size-header);
  --uq-tab-bar-bg: var(--uq-color-bg-surface);
  --uq-tab-bar-fg: var(--uq-color-text-muted);
  --uq-tab-bar-fg-active: var(--uq-color-text-brand);
  --uq-tab-bar-indicator: var(--uq-color-text-brand);
  --uq-tab-bar-border: var(--uq-color-border-default);
  --uq-tab-bar-height: var(--uq-size-tab-bar);
  --uq-toast-bg: var(--uq-color-bg-inverse);
  --uq-toast-fg: var(--uq-color-text-on-inverse);
  --uq-toast-radius: var(--uq-radius-md);
  --uq-toast-shadow: var(--uq-shadow-overlay);
  --uq-dialog-bg: var(--uq-color-bg-surface);
  --uq-dialog-scrim: var(--uq-color-bg-overlay);
  --uq-dialog-radius: var(--uq-radius-lg);
  --uq-dialog-shadow: var(--uq-shadow-overlay);
  --uq-tooltip-bg: var(--uq-color-bg-inverse);
  --uq-tooltip-fg: var(--uq-color-text-on-inverse);
  --uq-tooltip-radius: var(--uq-radius-sm);
  --uq-skeleton-bg: var(--uq-color-bg-sunken);
  --uq-skip-link-bg: var(--uq-color-bg-inverse);
  --uq-skip-link-fg: var(--uq-color-text-on-inverse);
}

[data-theme="dark"] {
  --uq-color-bg-page: var(--uq-color-neutral-950);
  --uq-color-bg-surface: var(--uq-color-neutral-900);
  --uq-color-bg-raised: var(--uq-color-neutral-800);
  --uq-color-bg-sunken: var(--uq-color-neutral-950);
  --uq-color-bg-inverse: var(--uq-color-neutral-50);
  --uq-color-bg-brand-subtle: var(--uq-color-teal-900);
  --uq-color-bg-overlay: var(--uq-color-alpha-scrim);
  --uq-color-text-default: var(--uq-color-neutral-50);
  --uq-color-text-muted: var(--uq-color-neutral-400);
  --uq-color-text-strong: var(--uq-color-neutral-200);
  --uq-color-text-on-inverse: var(--uq-color-ink);
  --uq-color-text-brand: var(--uq-color-teal-300);
  --uq-color-text-link: var(--uq-color-teal-300);
  --uq-color-text-link-hover: var(--uq-color-teal-200);
  --uq-color-text-accent: var(--uq-color-coral-300);
  --uq-color-text-success: var(--uq-color-green-300);
  --uq-color-text-warning: var(--uq-color-orange-300);
  --uq-color-text-danger: var(--uq-color-red-300);
  --uq-color-text-disabled: var(--uq-color-neutral-400);
  --uq-color-border-default: var(--uq-color-neutral-700);
  --uq-color-border-strong: var(--uq-color-neutral-400);
  --uq-color-border-input: var(--uq-color-neutral-400);
  --uq-color-border-focus: var(--uq-color-teal-300);
  --uq-color-border-danger: var(--uq-color-red-300);
  --uq-color-border-success: var(--uq-color-green-300);
  --uq-color-action-primary-bg: var(--uq-color-teal-300);
  --uq-color-action-primary-fg: var(--uq-color-ink);
  --uq-color-action-primary-bg-hover: var(--uq-color-teal-200);
  --uq-color-action-primary-bg-active: var(--uq-color-teal-400);
  --uq-color-action-primary-bg-disabled: var(--uq-color-neutral-700);
  --uq-color-action-primary-fg-disabled: var(--uq-color-neutral-400);
  --uq-color-action-secondary-bg: var(--uq-color-neutral-900);
  --uq-color-action-secondary-fg: var(--uq-color-teal-300);
  --uq-color-action-secondary-border: var(--uq-color-teal-300);
  --uq-color-action-secondary-bg-hover: var(--uq-color-neutral-800);
  --uq-color-action-secondary-bg-active: var(--uq-color-neutral-950);
  --uq-color-action-ghost-fg: var(--uq-color-teal-300);
  --uq-color-action-ghost-bg-hover: var(--uq-color-neutral-800);
  --uq-color-action-ghost-bg-active: var(--uq-color-neutral-950);
  --uq-color-action-danger-bg: var(--uq-color-neutral-900);
  --uq-color-action-danger-fg: var(--uq-color-red-300);
  --uq-color-action-danger-border: var(--uq-color-red-300);
  --uq-color-action-danger-bg-hover: var(--uq-color-red-900);
  --uq-color-action-danger-bg-solid: var(--uq-color-red-300);
  --uq-color-action-danger-fg-solid: var(--uq-color-ink);
  --uq-color-status-verified-fg: var(--uq-color-teal-300);
  --uq-color-status-verified-bg: var(--uq-color-neutral-950);
  --uq-color-status-verified-border: var(--uq-color-teal-300);
  --uq-color-status-verified-icon: var(--uq-color-teal-300);
  --uq-color-status-pending-fg: var(--uq-color-orange-300);
  --uq-color-status-pending-bg: var(--uq-color-neutral-950);
  --uq-color-status-pending-border: var(--uq-color-orange-300);
  --uq-color-status-pending-icon: var(--uq-color-orange-300);
  --uq-color-status-lapsed-fg: var(--uq-color-red-300);
  --uq-color-status-lapsed-bg: var(--uq-color-neutral-950);
  --uq-color-status-lapsed-border: var(--uq-color-red-300);
  --uq-color-status-lapsed-icon: var(--uq-color-red-300);
  --uq-color-status-locked-fg: var(--uq-color-neutral-200);
  --uq-color-status-locked-bg: var(--uq-color-neutral-950);
  --uq-color-status-locked-border: var(--uq-color-neutral-400);
  --uq-color-status-locked-icon: var(--uq-color-neutral-200);
  --uq-color-status-neutral-fg: var(--uq-color-neutral-200);
  --uq-color-status-neutral-bg: var(--uq-color-neutral-950);
  --uq-color-status-neutral-border: var(--uq-color-neutral-700);
  --uq-color-status-neutral-icon: var(--uq-color-neutral-200);
  --uq-color-status-success-fg: var(--uq-color-green-300);
  --uq-color-status-success-bg: var(--uq-color-neutral-950);
  --uq-color-status-success-border: var(--uq-color-green-300);
  --uq-color-status-success-icon: var(--uq-color-green-300);
  --uq-color-status-warning-fg: var(--uq-color-orange-300);
  --uq-color-status-warning-bg: var(--uq-color-neutral-950);
  --uq-color-status-warning-border: var(--uq-color-orange-300);
  --uq-color-status-warning-icon: var(--uq-color-orange-300);
  --uq-color-status-danger-fg: var(--uq-color-red-300);
  --uq-color-status-danger-bg: var(--uq-color-neutral-950);
  --uq-color-status-danger-border: var(--uq-color-red-300);
  --uq-color-status-danger-icon: var(--uq-color-red-300);
  --uq-color-status-info-fg: var(--uq-color-teal-300);
  --uq-color-status-info-bg: var(--uq-color-neutral-950);
  --uq-color-status-info-border: var(--uq-color-teal-300);
  --uq-color-status-info-icon: var(--uq-color-teal-300);
  --uq-color-status-accent-fg: var(--uq-color-coral-400);
  --uq-color-status-accent-bg: var(--uq-color-neutral-950);
  --uq-color-status-accent-border: var(--uq-color-coral-400);
  --uq-color-status-accent-icon: var(--uq-color-coral-400);
  --uq-color-rating-star: var(--uq-color-gold-400);
  --uq-color-rating-star-outline: var(--uq-color-gold-400);
  --uq-color-rating-star-empty: var(--uq-color-neutral-700);
  --uq-color-focus-ring: var(--uq-color-teal-300);
  --uq-color-focus-halo: var(--uq-color-neutral-950);
  --uq-color-decor-coral: var(--uq-color-coral-400);
  --uq-color-decor-sky: var(--uq-color-teal-300);
  --uq-color-shadcn-background: var(--uq-color-bg-page);
  --uq-color-shadcn-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-card: var(--uq-color-bg-surface);
  --uq-color-shadcn-card-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-popover: var(--uq-color-bg-raised);
  --uq-color-shadcn-popover-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-primary: var(--uq-color-action-primary-bg);
  --uq-color-shadcn-primary-foreground: var(--uq-color-action-primary-fg);
  --uq-color-shadcn-secondary: var(--uq-color-bg-raised);
  --uq-color-shadcn-secondary-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-muted: var(--uq-color-bg-page);
  --uq-color-shadcn-muted-foreground: var(--uq-color-text-muted);
  --uq-color-shadcn-accent: var(--uq-color-bg-brand-subtle);
  --uq-color-shadcn-accent-foreground: var(--uq-color-text-brand);
  --uq-color-shadcn-destructive: var(--uq-color-action-danger-fg);
  --uq-color-shadcn-border: var(--uq-color-border-default);
  --uq-color-shadcn-input: var(--uq-color-border-input);
  --uq-color-shadcn-ring: var(--uq-color-focus-ring);
  --uq-color-shadcn-chart-1: var(--uq-color-teal-300);
  --uq-color-shadcn-chart-2: var(--uq-color-coral-400);
  --uq-color-shadcn-chart-3: var(--uq-color-teal-500);
  --uq-color-shadcn-chart-4: var(--uq-color-gold-400);
  --uq-color-shadcn-chart-5: var(--uq-color-green-300);
  --uq-color-shadcn-sidebar: var(--uq-color-bg-surface);
  --uq-color-shadcn-sidebar-foreground: var(--uq-color-text-default);
  --uq-color-shadcn-sidebar-primary: var(--uq-color-action-primary-bg);
  --uq-color-shadcn-sidebar-primary-foreground: var(--uq-color-action-primary-fg);
  --uq-color-shadcn-sidebar-accent: var(--uq-color-bg-brand-subtle);
  --uq-color-shadcn-sidebar-accent-foreground: var(--uq-color-text-brand);
  --uq-color-shadcn-sidebar-border: var(--uq-color-border-default);
  --uq-color-shadcn-sidebar-ring: var(--uq-color-focus-ring);
  --uq-shadow-card: var(--uq-shadow-sm);
  --uq-shadow-raised: var(--uq-shadow-md);
  --uq-shadow-overlay: var(--uq-shadow-lg);
  --uq-button-radius: var(--uq-radius-sm);
  --uq-button-height-sm: var(--uq-size-control-sm);
  --uq-button-height-md: var(--uq-size-control-md);
  --uq-button-height-lg: var(--uq-size-control-lg);
  --uq-button-primary-bg: var(--uq-color-action-primary-bg);
  --uq-button-primary-fg: var(--uq-color-action-primary-fg);
  --uq-button-primary-bg-hover: var(--uq-color-action-primary-bg-hover);
  --uq-button-primary-bg-active: var(--uq-color-action-primary-bg-active);
  --uq-button-primary-bg-disabled: var(--uq-color-action-primary-bg-disabled);
  --uq-button-primary-fg-disabled: var(--uq-color-action-primary-fg-disabled);
  --uq-button-secondary-bg: var(--uq-color-action-secondary-bg);
  --uq-button-secondary-fg: var(--uq-color-action-secondary-fg);
  --uq-button-secondary-border: var(--uq-color-action-secondary-border);
  --uq-button-secondary-bg-hover: var(--uq-color-action-secondary-bg-hover);
  --uq-button-secondary-bg-active: var(--uq-color-action-secondary-bg-active);
  --uq-button-ghost-fg: var(--uq-color-action-ghost-fg);
  --uq-button-ghost-bg-hover: var(--uq-color-action-ghost-bg-hover);
  --uq-button-ghost-bg-active: var(--uq-color-action-ghost-bg-active);
  --uq-button-danger-bg: var(--uq-color-action-danger-bg);
  --uq-button-danger-fg: var(--uq-color-action-danger-fg);
  --uq-button-danger-border: var(--uq-color-action-danger-border);
  --uq-button-danger-bg-hover: var(--uq-color-action-danger-bg-hover);
  --uq-button-danger-bg-solid: var(--uq-color-action-danger-bg-solid);
  --uq-button-danger-fg-solid: var(--uq-color-action-danger-fg-solid);
  --uq-input-bg: var(--uq-color-bg-surface);
  --uq-input-fg: var(--uq-color-text-default);
  --uq-input-placeholder: var(--uq-color-text-muted);
  --uq-input-border: var(--uq-color-border-input);
  --uq-input-border-hover: var(--uq-color-border-strong);
  --uq-input-border-focus: var(--uq-color-border-focus);
  --uq-input-border-error: var(--uq-color-border-danger);
  --uq-input-radius: var(--uq-radius-sm);
  --uq-input-height: var(--uq-size-control-md);
  --uq-card-bg: var(--uq-color-bg-surface);
  --uq-card-border: var(--uq-color-border-default);
  --uq-card-radius: var(--uq-radius-md);
  --uq-card-shadow: var(--uq-shadow-card);
  --uq-badge-radius: var(--uq-radius-full);
  --uq-focus-ring: var(--uq-color-focus-ring);
  --uq-focus-halo: var(--uq-color-focus-halo);
  --uq-focus-width: var(--uq-border-width-focus);
  --uq-focus-offset: var(--uq-size-focus-offset);
  --uq-link-fg: var(--uq-color-text-link);
  --uq-link-fg-hover: var(--uq-color-text-link-hover);
  --uq-header-bg: var(--uq-color-bg-inverse);
  --uq-header-fg: var(--uq-color-text-on-inverse);
  --uq-header-height: var(--uq-size-header);
  --uq-tab-bar-bg: var(--uq-color-bg-surface);
  --uq-tab-bar-fg: var(--uq-color-text-muted);
  --uq-tab-bar-fg-active: var(--uq-color-text-brand);
  --uq-tab-bar-indicator: var(--uq-color-text-brand);
  --uq-tab-bar-border: var(--uq-color-border-default);
  --uq-tab-bar-height: var(--uq-size-tab-bar);
  --uq-toast-bg: var(--uq-color-bg-inverse);
  --uq-toast-fg: var(--uq-color-text-on-inverse);
  --uq-toast-radius: var(--uq-radius-md);
  --uq-toast-shadow: var(--uq-shadow-overlay);
  --uq-dialog-bg: var(--uq-color-bg-surface);
  --uq-dialog-scrim: var(--uq-color-bg-overlay);
  --uq-dialog-radius: var(--uq-radius-lg);
  --uq-dialog-shadow: var(--uq-shadow-overlay);
  --uq-tooltip-bg: var(--uq-color-bg-inverse);
  --uq-tooltip-fg: var(--uq-color-text-on-inverse);
  --uq-tooltip-radius: var(--uq-radius-sm);
  --uq-skeleton-bg: var(--uq-color-bg-sunken);
  --uq-skip-link-bg: var(--uq-color-bg-inverse);
  --uq-skip-link-fg: var(--uq-color-text-on-inverse);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --uq-color-bg-page: var(--uq-color-neutral-950);
    --uq-color-bg-surface: var(--uq-color-neutral-900);
    --uq-color-bg-raised: var(--uq-color-neutral-800);
    --uq-color-bg-sunken: var(--uq-color-neutral-950);
    --uq-color-bg-inverse: var(--uq-color-neutral-50);
    --uq-color-bg-brand-subtle: var(--uq-color-teal-900);
    --uq-color-bg-overlay: var(--uq-color-alpha-scrim);
    --uq-color-text-default: var(--uq-color-neutral-50);
    --uq-color-text-muted: var(--uq-color-neutral-400);
    --uq-color-text-strong: var(--uq-color-neutral-200);
    --uq-color-text-on-inverse: var(--uq-color-ink);
    --uq-color-text-brand: var(--uq-color-teal-300);
    --uq-color-text-link: var(--uq-color-teal-300);
    --uq-color-text-link-hover: var(--uq-color-teal-200);
    --uq-color-text-accent: var(--uq-color-coral-300);
    --uq-color-text-success: var(--uq-color-green-300);
    --uq-color-text-warning: var(--uq-color-orange-300);
    --uq-color-text-danger: var(--uq-color-red-300);
    --uq-color-text-disabled: var(--uq-color-neutral-400);
    --uq-color-border-default: var(--uq-color-neutral-700);
    --uq-color-border-strong: var(--uq-color-neutral-400);
    --uq-color-border-input: var(--uq-color-neutral-400);
    --uq-color-border-focus: var(--uq-color-teal-300);
    --uq-color-border-danger: var(--uq-color-red-300);
    --uq-color-border-success: var(--uq-color-green-300);
    --uq-color-action-primary-bg: var(--uq-color-teal-300);
    --uq-color-action-primary-fg: var(--uq-color-ink);
    --uq-color-action-primary-bg-hover: var(--uq-color-teal-200);
    --uq-color-action-primary-bg-active: var(--uq-color-teal-400);
    --uq-color-action-primary-bg-disabled: var(--uq-color-neutral-700);
    --uq-color-action-primary-fg-disabled: var(--uq-color-neutral-400);
    --uq-color-action-secondary-bg: var(--uq-color-neutral-900);
    --uq-color-action-secondary-fg: var(--uq-color-teal-300);
    --uq-color-action-secondary-border: var(--uq-color-teal-300);
    --uq-color-action-secondary-bg-hover: var(--uq-color-neutral-800);
    --uq-color-action-secondary-bg-active: var(--uq-color-neutral-950);
    --uq-color-action-ghost-fg: var(--uq-color-teal-300);
    --uq-color-action-ghost-bg-hover: var(--uq-color-neutral-800);
    --uq-color-action-ghost-bg-active: var(--uq-color-neutral-950);
    --uq-color-action-danger-bg: var(--uq-color-neutral-900);
    --uq-color-action-danger-fg: var(--uq-color-red-300);
    --uq-color-action-danger-border: var(--uq-color-red-300);
    --uq-color-action-danger-bg-hover: var(--uq-color-red-900);
    --uq-color-action-danger-bg-solid: var(--uq-color-red-300);
    --uq-color-action-danger-fg-solid: var(--uq-color-ink);
    --uq-color-status-verified-fg: var(--uq-color-teal-300);
    --uq-color-status-verified-bg: var(--uq-color-neutral-950);
    --uq-color-status-verified-border: var(--uq-color-teal-300);
    --uq-color-status-verified-icon: var(--uq-color-teal-300);
    --uq-color-status-pending-fg: var(--uq-color-orange-300);
    --uq-color-status-pending-bg: var(--uq-color-neutral-950);
    --uq-color-status-pending-border: var(--uq-color-orange-300);
    --uq-color-status-pending-icon: var(--uq-color-orange-300);
    --uq-color-status-lapsed-fg: var(--uq-color-red-300);
    --uq-color-status-lapsed-bg: var(--uq-color-neutral-950);
    --uq-color-status-lapsed-border: var(--uq-color-red-300);
    --uq-color-status-lapsed-icon: var(--uq-color-red-300);
    --uq-color-status-locked-fg: var(--uq-color-neutral-200);
    --uq-color-status-locked-bg: var(--uq-color-neutral-950);
    --uq-color-status-locked-border: var(--uq-color-neutral-400);
    --uq-color-status-locked-icon: var(--uq-color-neutral-200);
    --uq-color-status-neutral-fg: var(--uq-color-neutral-200);
    --uq-color-status-neutral-bg: var(--uq-color-neutral-950);
    --uq-color-status-neutral-border: var(--uq-color-neutral-700);
    --uq-color-status-neutral-icon: var(--uq-color-neutral-200);
    --uq-color-status-success-fg: var(--uq-color-green-300);
    --uq-color-status-success-bg: var(--uq-color-neutral-950);
    --uq-color-status-success-border: var(--uq-color-green-300);
    --uq-color-status-success-icon: var(--uq-color-green-300);
    --uq-color-status-warning-fg: var(--uq-color-orange-300);
    --uq-color-status-warning-bg: var(--uq-color-neutral-950);
    --uq-color-status-warning-border: var(--uq-color-orange-300);
    --uq-color-status-warning-icon: var(--uq-color-orange-300);
    --uq-color-status-danger-fg: var(--uq-color-red-300);
    --uq-color-status-danger-bg: var(--uq-color-neutral-950);
    --uq-color-status-danger-border: var(--uq-color-red-300);
    --uq-color-status-danger-icon: var(--uq-color-red-300);
    --uq-color-status-info-fg: var(--uq-color-teal-300);
    --uq-color-status-info-bg: var(--uq-color-neutral-950);
    --uq-color-status-info-border: var(--uq-color-teal-300);
    --uq-color-status-info-icon: var(--uq-color-teal-300);
    --uq-color-status-accent-fg: var(--uq-color-coral-400);
    --uq-color-status-accent-bg: var(--uq-color-neutral-950);
    --uq-color-status-accent-border: var(--uq-color-coral-400);
    --uq-color-status-accent-icon: var(--uq-color-coral-400);
    --uq-color-rating-star: var(--uq-color-gold-400);
    --uq-color-rating-star-outline: var(--uq-color-gold-400);
    --uq-color-rating-star-empty: var(--uq-color-neutral-700);
    --uq-color-focus-ring: var(--uq-color-teal-300);
    --uq-color-focus-halo: var(--uq-color-neutral-950);
    --uq-color-decor-coral: var(--uq-color-coral-400);
    --uq-color-decor-sky: var(--uq-color-teal-300);
    --uq-color-shadcn-background: var(--uq-color-bg-page);
    --uq-color-shadcn-foreground: var(--uq-color-text-default);
    --uq-color-shadcn-card: var(--uq-color-bg-surface);
    --uq-color-shadcn-card-foreground: var(--uq-color-text-default);
    --uq-color-shadcn-popover: var(--uq-color-bg-raised);
    --uq-color-shadcn-popover-foreground: var(--uq-color-text-default);
    --uq-color-shadcn-primary: var(--uq-color-action-primary-bg);
    --uq-color-shadcn-primary-foreground: var(--uq-color-action-primary-fg);
    --uq-color-shadcn-secondary: var(--uq-color-bg-raised);
    --uq-color-shadcn-secondary-foreground: var(--uq-color-text-default);
    --uq-color-shadcn-muted: var(--uq-color-bg-page);
    --uq-color-shadcn-muted-foreground: var(--uq-color-text-muted);
    --uq-color-shadcn-accent: var(--uq-color-bg-brand-subtle);
    --uq-color-shadcn-accent-foreground: var(--uq-color-text-brand);
    --uq-color-shadcn-destructive: var(--uq-color-action-danger-fg);
    --uq-color-shadcn-border: var(--uq-color-border-default);
    --uq-color-shadcn-input: var(--uq-color-border-input);
    --uq-color-shadcn-ring: var(--uq-color-focus-ring);
    --uq-color-shadcn-chart-1: var(--uq-color-teal-300);
    --uq-color-shadcn-chart-2: var(--uq-color-coral-400);
    --uq-color-shadcn-chart-3: var(--uq-color-teal-500);
    --uq-color-shadcn-chart-4: var(--uq-color-gold-400);
    --uq-color-shadcn-chart-5: var(--uq-color-green-300);
    --uq-color-shadcn-sidebar: var(--uq-color-bg-surface);
    --uq-color-shadcn-sidebar-foreground: var(--uq-color-text-default);
    --uq-color-shadcn-sidebar-primary: var(--uq-color-action-primary-bg);
    --uq-color-shadcn-sidebar-primary-foreground: var(--uq-color-action-primary-fg);
    --uq-color-shadcn-sidebar-accent: var(--uq-color-bg-brand-subtle);
    --uq-color-shadcn-sidebar-accent-foreground: var(--uq-color-text-brand);
    --uq-color-shadcn-sidebar-border: var(--uq-color-border-default);
    --uq-color-shadcn-sidebar-ring: var(--uq-color-focus-ring);
    --uq-shadow-card: var(--uq-shadow-sm);
    --uq-shadow-raised: var(--uq-shadow-md);
    --uq-shadow-overlay: var(--uq-shadow-lg);
    --uq-button-radius: var(--uq-radius-sm);
    --uq-button-height-sm: var(--uq-size-control-sm);
    --uq-button-height-md: var(--uq-size-control-md);
    --uq-button-height-lg: var(--uq-size-control-lg);
    --uq-button-primary-bg: var(--uq-color-action-primary-bg);
    --uq-button-primary-fg: var(--uq-color-action-primary-fg);
    --uq-button-primary-bg-hover: var(--uq-color-action-primary-bg-hover);
    --uq-button-primary-bg-active: var(--uq-color-action-primary-bg-active);
    --uq-button-primary-bg-disabled: var(--uq-color-action-primary-bg-disabled);
    --uq-button-primary-fg-disabled: var(--uq-color-action-primary-fg-disabled);
    --uq-button-secondary-bg: var(--uq-color-action-secondary-bg);
    --uq-button-secondary-fg: var(--uq-color-action-secondary-fg);
    --uq-button-secondary-border: var(--uq-color-action-secondary-border);
    --uq-button-secondary-bg-hover: var(--uq-color-action-secondary-bg-hover);
    --uq-button-secondary-bg-active: var(--uq-color-action-secondary-bg-active);
    --uq-button-ghost-fg: var(--uq-color-action-ghost-fg);
    --uq-button-ghost-bg-hover: var(--uq-color-action-ghost-bg-hover);
    --uq-button-ghost-bg-active: var(--uq-color-action-ghost-bg-active);
    --uq-button-danger-bg: var(--uq-color-action-danger-bg);
    --uq-button-danger-fg: var(--uq-color-action-danger-fg);
    --uq-button-danger-border: var(--uq-color-action-danger-border);
    --uq-button-danger-bg-hover: var(--uq-color-action-danger-bg-hover);
    --uq-button-danger-bg-solid: var(--uq-color-action-danger-bg-solid);
    --uq-button-danger-fg-solid: var(--uq-color-action-danger-fg-solid);
    --uq-input-bg: var(--uq-color-bg-surface);
    --uq-input-fg: var(--uq-color-text-default);
    --uq-input-placeholder: var(--uq-color-text-muted);
    --uq-input-border: var(--uq-color-border-input);
    --uq-input-border-hover: var(--uq-color-border-strong);
    --uq-input-border-focus: var(--uq-color-border-focus);
    --uq-input-border-error: var(--uq-color-border-danger);
    --uq-input-radius: var(--uq-radius-sm);
    --uq-input-height: var(--uq-size-control-md);
    --uq-card-bg: var(--uq-color-bg-surface);
    --uq-card-border: var(--uq-color-border-default);
    --uq-card-radius: var(--uq-radius-md);
    --uq-card-shadow: var(--uq-shadow-card);
    --uq-badge-radius: var(--uq-radius-full);
    --uq-focus-ring: var(--uq-color-focus-ring);
    --uq-focus-halo: var(--uq-color-focus-halo);
    --uq-focus-width: var(--uq-border-width-focus);
    --uq-focus-offset: var(--uq-size-focus-offset);
    --uq-link-fg: var(--uq-color-text-link);
    --uq-link-fg-hover: var(--uq-color-text-link-hover);
    --uq-header-bg: var(--uq-color-bg-inverse);
    --uq-header-fg: var(--uq-color-text-on-inverse);
    --uq-header-height: var(--uq-size-header);
    --uq-tab-bar-bg: var(--uq-color-bg-surface);
    --uq-tab-bar-fg: var(--uq-color-text-muted);
    --uq-tab-bar-fg-active: var(--uq-color-text-brand);
    --uq-tab-bar-indicator: var(--uq-color-text-brand);
    --uq-tab-bar-border: var(--uq-color-border-default);
    --uq-tab-bar-height: var(--uq-size-tab-bar);
    --uq-toast-bg: var(--uq-color-bg-inverse);
    --uq-toast-fg: var(--uq-color-text-on-inverse);
    --uq-toast-radius: var(--uq-radius-md);
    --uq-toast-shadow: var(--uq-shadow-overlay);
    --uq-dialog-bg: var(--uq-color-bg-surface);
    --uq-dialog-scrim: var(--uq-color-bg-overlay);
    --uq-dialog-radius: var(--uq-radius-lg);
    --uq-dialog-shadow: var(--uq-shadow-overlay);
    --uq-tooltip-bg: var(--uq-color-bg-inverse);
    --uq-tooltip-fg: var(--uq-color-text-on-inverse);
    --uq-tooltip-radius: var(--uq-radius-sm);
    --uq-skeleton-bg: var(--uq-color-bg-sunken);
    --uq-skip-link-bg: var(--uq-color-bg-inverse);
    --uq-skip-link-fg: var(--uq-color-text-on-inverse);
  }
}

:root { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; } }