:root, [data-theme="default"] {
  --colors-danger-soft: rgba(220,38,38,0.08);
  --colors-text-on-accent: #F8FAFC;
  --colors-chip-priority-medium-bg: rgba(217,119,6,0.12);
  --colors-chip-danger-bg: rgba(220,38,38,0.12);
  --colors-background: #F6F8FB;
  --colors-focus-ring: rgba(37,99,235,0.18);
  --colors-chip-priority-high-bg: rgba(220,38,38,0.12);
  --colors-chip-warning-bg: rgba(217,119,6,0.12);
  --colors-chip-priority-low-bg: rgba(22,163,74,0.12);
  --colors-warning: #D97706;
  --colors-overlay: rgba(15,23,42,0.25);
  --colors-danger: #DC2626;
  --colors-success: #16A34A;
  --colors-text-primary: #0F172A;
  --colors-border-strong: #CBD5E1;
  --colors-focus: #2563EB;
  --colors-text-secondary: #5E6B7B;
  --colors-chip-todo-bg: rgba(37,99,235,0.12);
  --colors-border: #E2E8F0;
  --colors-chip-success-bg: rgba(22,163,74,0.12);
  --colors-accent: #2563EB;
  --colors-accent-strong: #1D4ED8;
  --colors-overlay-strong: rgba(15,23,42,0.4);
  --colors-surface: #FFFFFF;
  --colors-surface-muted: #EFF2F7;
  --colors-chip-neutral-bg: rgba(15,23,42,0.08);
  --colors-focus-ring-strong: rgba(37,99,235,0.28);
  --typography-font-family: "Manrope", "Plus Jakarta Sans", "Avenir Next", sans-serif;
  --typography-font-sizes-title: 22px;
  --typography-font-sizes-section: 18px;
  --typography-font-sizes-body: 15px;
  --typography-font-sizes-meta: 12px;
  --typography-line-heights-title: 30px;
  --typography-line-heights-section: 26px;
  --typography-line-heights-body: 22px;
  --typography-line-heights-meta: 18px;
  --spacing-base: 4px;
  --spacing-scale-1: 4px;
  --spacing-scale-2: 8px;
  --spacing-scale-3: 12px;
  --spacing-scale-4: 16px;
  --spacing-scale-5: 20px;
  --spacing-scale-6: 24px;
  --spacing-scale-7: 32px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadows-card: 0 1px 2px rgba(15,23,42,0.06);
  --shadows-hover: 0 6px 16px rgba(15,23,42,0.08);
  --shadows-focus: 0 0 0 3px var(--colors-focus-ring);
  --shadows-sheet: -8px 0 24px rgba(15,23,42,0.12);
  --shadows-sheet-up: 0 -12px 24px rgba(15,23,42,0.12);
  --motion-transition: 140ms ease;
  --components-control-height: 44px;
  --components-control-padding-x: 12px;
  --components-control-padding-y: 8px;
  --components-control-radius: var(--radius-sm);
  --components-control-font-size: var(--typography-font-sizes-body);
  --components-control-compact-height: 36px;
  --components-control-compact-padding-x: 12px;
  --components-control-compact-padding-y: 8px;
  --components-control-compact-radius: var(--radius-sm);
  --components-control-compact-font-size: var(--typography-font-sizes-meta);
  --components-chip-padding-x: 12px;
  --components-chip-padding-y: 8px;
  --components-chip-radius: var(--radius-md);
  --components-chip-font-size: var(--typography-font-sizes-meta);
  --components-list-row-padding-x: 16px;
  --components-list-row-padding-y: 12px;
  --components-list-row-min-height: 48px;
  --components-panel-padding: 20px;
  --components-panel-radius: var(--radius-md);
  --components-toolbar-padding-x: 20px;
  --components-toolbar-padding-y: 16px;
  --components-toolbar-gap: 12px;
}
[data-theme="dark"] {
  --colors-danger-soft: rgba(248,113,113,0.12);
  --colors-text-on-accent: #0B0F1A;
  --colors-chip-priority-medium-bg: rgba(245,158,11,0.18);
  --colors-chip-danger-bg: rgba(248,113,113,0.18);
  --colors-background: #0B0F1A;
  --colors-focus-ring: rgba(96,165,250,0.22);
  --colors-chip-priority-high-bg: rgba(248,113,113,0.18);
  --colors-chip-warning-bg: rgba(245,158,11,0.18);
  --colors-chip-priority-low-bg: rgba(52,211,153,0.18);
  --colors-warning: #F59E0B;
  --colors-overlay: rgba(2,6,23,0.6);
  --colors-danger: #F87171;
  --colors-success: #34D399;
  --colors-text-primary: #E2E8F0;
  --colors-border-strong: #334155;
  --colors-focus: #60A5FA;
  --colors-text-secondary: #94A3B8;
  --colors-chip-todo-bg: rgba(96,165,250,0.18);
  --colors-border: #1F2937;
  --colors-chip-success-bg: rgba(52,211,153,0.18);
  --colors-accent: #60A5FA;
  --colors-accent-strong: #3B82F6;
  --colors-overlay-strong: rgba(2,6,23,0.75);
  --colors-surface: #111827;
  --colors-surface-muted: #0F172A;
  --colors-chip-neutral-bg: rgba(226,232,240,0.12);
  --colors-focus-ring-strong: rgba(96,165,250,0.32);
  --typography-font-family: "Manrope", "Plus Jakarta Sans", "Avenir Next", sans-serif;
  --typography-font-sizes-title: 22px;
  --typography-font-sizes-section: 18px;
  --typography-font-sizes-body: 15px;
  --typography-font-sizes-meta: 12px;
  --typography-line-heights-title: 30px;
  --typography-line-heights-section: 26px;
  --typography-line-heights-body: 22px;
  --typography-line-heights-meta: 18px;
  --spacing-base: 4px;
  --spacing-scale-1: 4px;
  --spacing-scale-2: 8px;
  --spacing-scale-3: 12px;
  --spacing-scale-4: 16px;
  --spacing-scale-5: 20px;
  --spacing-scale-6: 24px;
  --spacing-scale-7: 32px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadows-card: 0 1px 2px rgba(2,6,23,0.4);
  --shadows-hover: 0 8px 22px rgba(2,6,23,0.45);
  --shadows-focus: 0 0 0 3px var(--colors-focus-ring);
  --shadows-sheet: -8px 0 24px rgba(2,6,23,0.5);
  --shadows-sheet-up: 0 -12px 24px rgba(2,6,23,0.5);
  --motion-transition: 140ms ease;
  --components-control-height: 44px;
  --components-control-padding-x: 12px;
  --components-control-padding-y: 8px;
  --components-control-radius: var(--radius-sm);
  --components-control-font-size: var(--typography-font-sizes-body);
  --components-control-compact-height: 36px;
  --components-control-compact-padding-x: 12px;
  --components-control-compact-padding-y: 8px;
  --components-control-compact-radius: var(--radius-sm);
  --components-control-compact-font-size: var(--typography-font-sizes-meta);
  --components-chip-padding-x: 12px;
  --components-chip-padding-y: 8px;
  --components-chip-radius: var(--radius-md);
  --components-chip-font-size: var(--typography-font-sizes-meta);
  --components-list-row-padding-x: 16px;
  --components-list-row-padding-y: 12px;
  --components-list-row-min-height: 48px;
  --components-panel-padding: 20px;
  --components-panel-radius: var(--radius-md);
  --components-toolbar-padding-x: 20px;
  --components-toolbar-padding-y: 16px;
  --components-toolbar-gap: 12px;
}
[data-theme="site-premium"] {
  --colors-transparent: transparent;
  --colors-text-on-accent: #F8FBFC;
  --colors-hero-pill-bg: rgba(255,255,255,0.12);
  --colors-background: #F7F4EF;
  --colors-hero-card-bg: rgba(255,255,255,0.08);
  --colors-hero-step-bg: rgba(255,255,255,0.04);
  --colors-warning: #F59E0B;
  --colors-danger: #F97066;
  --colors-success: #22C55E;
  --colors-text-primary: #0F172A;
  --colors-focus: #0EA5E9;
  --colors-text-secondary: #445064;
  --colors-hero-strapline: rgba(248,251,252,0.86);
  --colors-hero-step-border: rgba(255,255,255,0.2);
  --colors-border: #E0E6EF;
  --colors-accent: #0EA5E9;
  --colors-hero-card-border: rgba(255,255,255,0.18);
  --colors-accent-strong: #0284C7;
  --colors-hero-text-muted: rgba(248,251,252,0.7);
  --colors-surface: #FFFFFF;
  --colors-surface-muted: #0F172A;
  --typography-font-family: Inter, "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --typography-font-sizes-meta: 14px;
  --typography-font-sizes-hero-min: 48px;
  --typography-font-sizes-section: 32px;
  --typography-font-sizes-stat-max: 30px;
  --typography-font-sizes-title: 56px;
  --typography-font-sizes-hero-light-max: 48px;
  --typography-font-sizes-hero-light-min: 36px;
  --typography-font-sizes-body: 18px;
  --typography-font-sizes-stat-min: 24px;
  --typography-line-heights-title: 64px;
  --typography-line-heights-section: 40px;
  --typography-line-heights-body: 28px;
  --typography-line-heights-meta: 20px;
  --typography-line-heights-hero: 1.15;
  --typography-line-heights-hero-light: 1.2;
  --typography-letter-spacing-caps-strong: 0.08em;
  --typography-letter-spacing-caps: 0.06em;
  --spacing-base: 4px;
  --spacing-scale-1: 8px;
  --spacing-scale-2: 16px;
  --spacing-scale-3: 24px;
  --spacing-scale-4: 32px;
  --spacing-scale-5: 40px;
  --spacing-scale-6: 56px;
  --spacing-scale-7: 72px;
  --spacing-scale-8: 88px;
  --spacing-scale-9: 104px;
  --spacing-layout-max-width: 1160px;
  --spacing-layout-hero-min-height: 70vh;
  --spacing-grid-stats-min: 200px;
  --spacing-grid-card-min: 260px;
  --spacing-grid-timeline-min: 240px;
  --spacing-grid-team-min: 220px;
  --spacing-component-logo-height: 72px;
  --spacing-component-step-index: 36px;
  --spacing-component-rail-node: 14px;
  --spacing-border-thin: 1px;
  --spacing-border-thick: 2px;
  --spacing-size-x6: 6px;
  --spacing-size-x10: 10px;
  --spacing-size-x12: 12px;
  --spacing-size-x14: 14px;
  --spacing-size-x18: 18px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-badge: 10px;
  --radius-pill: 999px;
  --shadows-card: 0 16px 40px rgba(15,23,42,0.08);
  --motion-transition: 160ms ease;
  --motion-backdrop-blur: 10px;
  --motion-hover-lift: -1px;
  --components-control-height: 44px;
  --components-control-padding-x: 16px;
  --components-control-padding-y: 12px;
  --components-control-radius: var(--radius-md);
  --components-control-font-size: var(--typography-font-sizes-body);
  --components-control-compact-height: 40px;
  --components-control-compact-padding-x: 14px;
  --components-control-compact-padding-y: 10px;
  --components-control-compact-radius: var(--radius-md);
  --components-control-compact-font-size: var(--typography-font-sizes-body);
  --components-chip-padding-x: 12px;
  --components-chip-padding-y: 8px;
  --components-chip-radius: var(--radius-pill);
  --components-chip-font-size: var(--typography-font-sizes-meta);
  --components-list-row-padding-x: 16px;
  --components-list-row-padding-y: 12px;
  --components-list-row-min-height: 44px;
  --components-panel-padding: 32px;
  --components-panel-radius: var(--radius-lg);
  --components-toolbar-padding-x: 24px;
  --components-toolbar-padding-y: 16px;
  --components-toolbar-gap: 16px;
}