/* Custom Theme Variables - Loaded from colors.json */

/* Light Theme Variables */
html[data-theme="light"] {
    --text-primary: #1F2937;
    --text-secondary: #4B5563;
    --text-tertiary: #5F6672;
    --background-primary: #F9FAFB;
    --background-secondary: #F3F4F6;
    --background-dots: #E5E7EB;
    --background-modal: rgba(255, 255, 255, 0.9);
    --border-primary: #D1D5DB;
    --border-secondary: #E5E7EB;
    --accent-success: #059669;
    --accent-primary: #059669;
    --accent-warning: #D97706;
    --accent-error: #DC2626;
    --accent-info: oklch(0.596 0.127 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 74% 39%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 11% 12%, color-mix(in srgb, var(--accent-success) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 50% 10%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 44% 23%, color-mix(in srgb, var(--accent-success) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 5% 16%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 34% 12%, color-mix(in srgb, var(--accent-success) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 97% 68%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 81% 13%, color-mix(in srgb, var(--accent-success) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 53% 49%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), linear-gradient(171deg, color-mix(in srgb, var(--accent-success) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.83;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.17;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Dark Theme Variables */
html[data-theme="dark"] {
    --text-primary: #E5E7EB;
    --text-secondary: #D1D5DB;
    --text-tertiary: #9CA3AF;
    --background-primary: #000;
    --background-secondary: #1F2937;
    --background-dots: #1F2937;
    --background-modal: rgba(0, 0, 0, 0.8);
    --border-primary: #4B5563;
    --border-secondary: #374151;
    --accent-success: #10B981;
    --accent-primary: #10B981;
    --accent-warning: #F59E0B;
    --accent-error: #EF4444;
    --accent-info: oklch(0.696 0.149 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(75deg, color-mix(in srgb, var(--accent-success) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(39px * var(--bd-scale, 1))), repeating-linear-gradient(-37deg, color-mix(in srgb, var(--accent-success) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(72px * var(--bd-scale, 1))), linear-gradient(198deg, color-mix(in srgb, var(--accent-success) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.8;
    --theme-surface-blur: 15px;
    --theme-surface-glow: 0.47;
    --theme-surface-step: 0.89;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: absinthe-dark */
html[data-theme="absinthe-dark"] {
    --text-primary: #E4F4D8;
    --text-secondary: #B0D890;
    --text-tertiary: #7CA060;
    --background-primary: #0C1008;
    --background-secondary: #141C10;
    --background-dots: #1E2C18;
    --background-modal: rgba(12, 16, 8, 0.9);
    --border-primary: #48682C;
    --border-secondary: #2E441C;
    --accent-success: #96E04C;
    --accent-primary: #A8E05A;
    --accent-warning: #E0C040;
    --accent-error: #E0705C;
    --accent-info: oklch(0.841 0.174 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(25px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(20px * var(--bd-scale, 1))), linear-gradient(170deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: absinthe-light */
html[data-theme="absinthe-light"] {
    --text-primary: #1E2C10;
    --text-secondary: #3E5A20;
    --text-tertiary: #62803C;
    --background-primary: #F8FCF0;
    --background-secondary: #EEF6E0;
    --background-dots: #DCEAC4;
    --background-modal: rgba(248, 252, 240, 0.93);
    --border-primary: #BCD498;
    --border-secondary: #9CBA70;
    --accent-success: #4D7C0F;
    --accent-primary: #4A6E22;
    --accent-warning: #A16207;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.494 0.112 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(25px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(20px * var(--bd-scale, 1))), linear-gradient(170deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.03;
    --theme-surface-step: 1.16;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: aluminium-deck-dark */
html[data-theme="aluminium-deck-dark"] {
    --text-primary: #EEF1F4;
    --text-secondary: #B8BFC7;
    --text-tertiary: #9098A2;
    --background-primary: #0E1013;
    --background-secondary: #171A1E;
    --background-dots: #22262B;
    --background-modal: rgba(14, 16, 19, 0.9);
    --border-primary: #343A42;
    --border-secondary: #272C32;
    --accent-success: #6FD1A0;
    --accent-primary: #6FA8DC;
    --accent-warning: #F0C05A;
    --accent-error: #F07C7C;
    --accent-info: #B0A0F0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(9px * var(--bd-scale, 1))), radial-gradient(90% 70% at 22% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.78;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.65;
    --theme-sheen: 0.4;
    --theme-grain-angle: 90deg;
    --theme-grain-scale: 0.7;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: aluminium-deck-light */
html[data-theme="aluminium-deck-light"] {
    --text-primary: #15181C;
    --text-secondary: #40464E;
    --text-tertiary: #5B626B;
    --background-primary: #F4F5F7;
    --background-secondary: #E8EAED;
    --background-dots: #D8DBE0;
    --background-modal: rgba(244, 245, 247, 0.92);
    --border-primary: #C2C7CE;
    --border-secondary: #DFE2E6;
    --accent-success: #1C6A48;
    --accent-primary: #1F5F9A;
    --accent-warning: #855400;
    --accent-error: #A83030;
    --accent-info: #5440A8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(9px * var(--bd-scale, 1))), radial-gradient(90% 70% at 22% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.87;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.65;
    --theme-sheen: 0.4;
    --theme-grain-angle: 90deg;
    --theme-grain-scale: 0.7;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: andromeda-drift-dark */
html[data-theme="andromeda-drift-dark"] {
    --text-primary: #D5CED9;
    --text-secondary: #B0A8B8;
    --text-tertiary: #746F77;
    --background-primary: #23262E;
    --background-secondary: #2B2E36;
    --background-dots: #343842;
    --background-modal: rgba(35, 38, 46, 0.9);
    --border-primary: #3C404B;
    --border-secondary: #2E323B;
    --accent-success: #96E072;
    --accent-primary: #00E8C6;
    --accent-warning: #FFE66D;
    --accent-error: #FC644D;
    --accent-info: oklch(0.832 0.154 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(1px 1px at 30% 40%, color-mix(in srgb, #ffffff min(100%, calc(60% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.4px 1.4px at 80% 20%, color-mix(in srgb, #ffffff min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(60% 45% at 35% 40%, color-mix(in srgb, var(--accent-error) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(50% 40% at 85% 43%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: calc(120px * var(--bd-scale, 1)) calc(120px * var(--bd-scale, 1)), calc(170px * var(--bd-scale, 1)) calc(150px * var(--bd-scale, 1)), cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.62;
    --theme-surface-step: 1.4;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: andromeda-drift-light */
html[data-theme="andromeda-drift-light"] {
    --text-primary: #2B2E36;
    --text-secondary: #43474F;
    --text-tertiary: #6C7079;
    --background-primary: #FAFAFB;
    --background-secondary: #F0F1F3;
    --background-dots: #E4E5E8;
    --background-modal: rgba(250, 250, 251, 0.92);
    --border-primary: #DDDEE2;
    --border-secondary: #C5C7CC;
    --accent-success: #4C7A1E;
    --accent-primary: #00796B;
    --accent-warning: #9A7A00;
    --accent-error: #D0402C;
    --accent-info: oklch(0.517 0.093 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(1px 1px at 30% 40%, color-mix(in srgb, #ffffff min(100%, calc(60% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.4px 1.4px at 80% 20%, color-mix(in srgb, #ffffff min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(60% 45% at 35% 40%, color-mix(in srgb, var(--accent-error) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(50% 40% at 85% 43%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: calc(120px * var(--bd-scale, 1)) calc(120px * var(--bd-scale, 1)), calc(170px * var(--bd-scale, 1)) calc(150px * var(--bd-scale, 1)), cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.17;
    --theme-surface-step: 1.21;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: arctic-cyan-dark */
html[data-theme="arctic-cyan-dark"] {
    --text-primary: #E0F7FF;
    --text-secondary: #7DD3FC;
    --text-tertiary: #22D3EE;
    --background-primary: #06141B;
    --background-secondary: #0C2430;
    --background-dots: #133847;
    --background-modal: rgba(6, 20, 27, 0.88);
    --border-primary: #0E7490;
    --border-secondary: #155E75;
    --accent-success: #22C55E;
    --accent-primary: #22D3EE;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.797 0.134 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.6;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.48;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: arctic-cyan-light */
html[data-theme="arctic-cyan-light"] {
    --text-primary: #0C4A6E;
    --text-secondary: #0E7490;
    --text-tertiary: #0891B2;
    --background-primary: #F2FCFF;
    --background-secondary: #E0F7FF;
    --background-dots: #C8F0FF;
    --background-modal: rgba(242, 252, 255, 0.92);
    --border-primary: #7DD3FC;
    --border-secondary: #22D3EE;
    --accent-success: #15803D;
    --accent-primary: #0E7490;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.52 0.094 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.66;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.13;
    --theme-surface-step: 1.4;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: aurora-glass-dark */
html[data-theme="aurora-glass-dark"] {
    --text-primary: #E9EDFC;
    --text-secondary: #A9B4DA;
    --text-tertiary: #6E7BAA;
    --background-primary: #0B1020;
    --background-secondary: #141B33;
    --background-dots: #1E2748;
    --background-modal: rgba(11, 16, 32, 0.88);
    --border-primary: #27314F;
    --border-secondary: #1B2440;
    --accent-success: #46D399;
    --accent-primary: #7DA2FF;
    --accent-warning: #F2B441;
    --accent-error: #FB7185;
    --accent-info: oklch(0.725 0.142 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 22% at 32% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 68% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.58;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.01em;
    --theme-label-weight: 600;
}

/* Built-in Theme: aurora-glass-light */
html[data-theme="aurora-glass-light"] {
    --text-primary: #1B2340;
    --text-secondary: #454F73;
    --text-tertiary: #6B759B;
    --background-primary: #F4F6FE;
    --background-secondary: #E9EDFB;
    --background-dots: #D8DFF6;
    --background-modal: rgba(244, 246, 254, 0.9);
    --border-primary: #CBD5F0;
    --border-secondary: #DFE5F7;
    --accent-success: #0F8A5F;
    --accent-primary: #3D63D8;
    --accent-warning: #9A6B00;
    --accent-error: #C2405A;
    --accent-info: oklch(0.539 0.185 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 22% at 32% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 68% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.62;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1.17;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.01em;
    --theme-label-weight: 600;
}

/* Built-in Theme: bamboo-panda-dark */
html[data-theme="bamboo-panda-dark"] {
    --text-primary: #E6E6E6;
    --text-secondary: #BBBBBB;
    --text-tertiary: #757575;
    --background-primary: #292A2B;
    --background-secondary: #313234;
    --background-dots: #3B3C3F;
    --background-modal: rgba(41, 42, 43, 0.9);
    --border-primary: #42444A;
    --border-secondary: #34353A;
    --accent-success: #19F9D8;
    --accent-primary: #19F9D8;
    --accent-warning: #FFB86C;
    --accent-error: #FF4B82;
    --accent-info: oklch(0.88 0.159 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(130deg, var(--background-primary) 20%, transparent 85%), radial-gradient(circle, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 1.4px, transparent 1.6px), linear-gradient(169deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, calc(10px * var(--bd-scale, 1)) calc(10px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.29;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: bamboo-panda-light */
html[data-theme="bamboo-panda-light"] {
    --text-primary: #2A2B2C;
    --text-secondary: #44454A;
    --text-tertiary: #6F7075;
    --background-primary: #FBFBFC;
    --background-secondary: #F1F2F4;
    --background-dots: #E5E6E9;
    --background-modal: rgba(251, 251, 252, 0.92);
    --border-primary: #DEDFE3;
    --border-secondary: #C6C8CE;
    --accent-success: #00897B;
    --accent-primary: #00897B;
    --accent-warning: #B25E00;
    --accent-error: #D81B60;
    --accent-info: oklch(0.566 0.101 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(130deg, var(--background-primary) 20%, transparent 85%), radial-gradient(circle, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 1.4px, transparent 1.6px), linear-gradient(169deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, calc(10px * var(--bd-scale, 1)) calc(10px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.18;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: bio-abyss-dark */
html[data-theme="bio-abyss-dark"] {
    --text-primary: #B8FFF4;
    --text-secondary: #5EFFE8;
    --text-tertiary: #00FFD5;
    --background-primary: #020608;
    --background-secondary: #061018;
    --background-dots: #003830;
    --background-modal: rgba(2, 6, 8, 0.90);
    --border-primary: #0E8070;
    --border-secondary: #065848;
    --accent-success: #39FF14;
    --accent-primary: #2DE8CF;
    --accent-warning: #FBBF24;
    --accent-error: #FF6B8A;
    --accent-info: oklch(0.838 0.144 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 35% 36%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 58% 11%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 33% 96%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 74% 62%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(7% * var(--bd-scale, 1))), radial-gradient(circle at 63% 73%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 33% 59%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 91% 67%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 14% 48%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 97% 22%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 1;
    --theme-surface-step: 0.99;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: bio-abyss-light */
html[data-theme="bio-abyss-light"] {
    --text-primary: #064E45;
    --text-secondary: #0F766E;
    --text-tertiary: #14B8A6;
    --background-primary: #F0FFFE;
    --background-secondary: #D8FAF5;
    --background-dots: #CCFBF1;
    --background-modal: rgba(240, 255, 254, 0.92);
    --border-primary: #5EEAD4;
    --border-secondary: #2DD4BF;
    --accent-success: #059669;
    --accent-primary: #0D8577;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.555 0.097 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 35% 36%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 58% 11%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 33% 96%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 74% 62%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(7% * var(--bd-scale, 1))), radial-gradient(circle at 63% 73%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 33% 59%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 91% 67%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 14% 48%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 97% 22%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.23;
    --theme-surface-step: 1.36;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: blueprint-dark */
html[data-theme="blueprint-dark"] {
    --text-primary: #EAF2FF;
    --text-secondary: #A8C4E8;
    --text-tertiary: #7A9CC8;
    --background-primary: #0A1A38;
    --background-secondary: #0F2450;
    --background-dots: #1A3A70;
    --background-modal: rgba(10, 26, 56, 0.9);
    --border-primary: #4A7ABF;
    --border-secondary: #2A4E80;
    --accent-success: #5EEAD4;
    --accent-primary: #6BA8F0;
    --accent-warning: #FDE047;
    --accent-error: #FF8FA3;
    --accent-info: oklch(0.72 0.123 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), radial-gradient(circle at 77% 35%, transparent 0, transparent 16%, color-mix(in srgb, var(--accent-success) min(100%, calc(44% * var(--bd-strength, 1))), transparent) 17%, transparent 18.2%), radial-gradient(75% 65% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 60% at 100% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(177deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.06;
    --theme-surface-step: 1.13;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: blueprint-light */
html[data-theme="blueprint-light"] {
    --text-primary: #0F2450;
    --text-secondary: #1E4585;
    --text-tertiary: #3A6AAF;
    --background-primary: #EEF4FC;
    --background-secondary: #DEE9F8;
    --background-dots: #C4D8F0;
    --background-modal: rgba(238, 244, 252, 0.93);
    --border-primary: #9EBEE4;
    --border-secondary: #6E9AD0;
    --accent-success: #0F766E;
    --accent-primary: #1E4585;
    --accent-warning: #A16207;
    --accent-error: #BE123C;
    --accent-info: oklch(0.4 0.116 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), radial-gradient(circle at 77% 35%, transparent 0, transparent 16%, color-mix(in srgb, var(--accent-success) min(100%, calc(44% * var(--bd-strength, 1))), transparent) 17%, transparent 18.2%), radial-gradient(75% 65% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 60% at 100% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(177deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.05;
    --theme-surface-step: 1.2;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: bone-china-dark */
html[data-theme="bone-china-dark"] {
    --text-primary: #F2EEE6;
    --text-secondary: #CFC8BC;
    --text-tertiary: #9E968A;
    --background-primary: #161512;
    --background-secondary: #201E1A;
    --background-dots: #2C2924;
    --background-modal: rgba(22, 21, 18, 0.9);
    --border-primary: #4E5A80;
    --border-secondary: #38404F;
    --accent-success: #7FB88A;
    --accent-primary: #8FA0C8;
    --accent-warning: #DCA84E;
    --accent-error: #D9707A;
    --accent-info: oklch(0.707 0.062 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(circle at 10% 21%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(61px * var(--bd-scale, 1))), linear-gradient(162deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0;
    --theme-surface-step: 1.1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: bone-china-light */
html[data-theme="bone-china-light"] {
    --text-primary: #2A2620;
    --text-secondary: #565046;
    --text-tertiary: #807868;
    --background-primary: #FDFBF5;
    --background-secondary: #F6F2E8;
    --background-dots: #E8E2D4;
    --background-modal: rgba(253, 251, 245, 0.94);
    --border-primary: #8FA0C8;
    --border-secondary: #B8AE9C;
    --accent-success: #15803D;
    --accent-primary: #4E5A80;
    --accent-warning: #A16207;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.474 0.064 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(circle at 10% 21%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(61px * var(--bd-scale, 1))), linear-gradient(162deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0;
    --theme-surface-step: 1.15;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: borealis-veil-dark */
html[data-theme="borealis-veil-dark"] {
    --text-primary: #E6F6F2;
    --text-secondary: #A8CEC6;
    --text-tertiary: #80A89E;
    --background-primary: #050B10;
    --background-secondary: #0B141C;
    --background-dots: #12202C;
    --background-modal: rgba(5, 11, 16, 0.9);
    --border-primary: #1E3444;
    --border-secondary: #152634;
    --accent-success: #9BE36B;
    --accent-primary: #4FE3A6;
    --accent-warning: #F4C45A;
    --accent-error: #FF7F9A;
    --accent-info: #B08CFF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 22% at 31% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 69% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 25px;
    --theme-surface-glow: 0.9;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: borealis-veil-light */
html[data-theme="borealis-veil-light"] {
    --text-primary: #0A1C22;
    --text-secondary: #2E4A52;
    --text-tertiary: #4A666E;
    --background-primary: #F3F8F9;
    --background-secondary: #E6F0F1;
    --background-dots: #D2E2E4;
    --background-modal: rgba(243, 248, 249, 0.92);
    --border-primary: #B8D0D4;
    --border-secondary: #DAE8EA;
    --accent-success: #3A7212;
    --accent-primary: #0A7A54;
    --accent-warning: #8A5600;
    --accent-error: #B02850;
    --accent-info: #5A3CC0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 22% at 31% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 69% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.9;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: candlelit-study-dark */
html[data-theme="candlelit-study-dark"] {
    --text-primary: #F0E0B8;
    --text-secondary: #D8C088;
    --text-tertiary: #C8A860;
    --background-primary: #100C08;
    --background-secondary: #1A1410;
    --background-dots: #281E14;
    --background-modal: rgba(16, 12, 8, 0.90);
    --border-primary: #584828;
    --border-secondary: #403818;
    --accent-success: #F0C848;
    --accent-primary: #E0BC70;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.811 0.104 235);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.04;
    --theme-surface-step: 1.1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: candlelit-study-light */
html[data-theme="candlelit-study-light"] {
    --text-primary: #3A2818;
    --text-secondary: #6B5030;
    --text-tertiary: #886838;
    --background-primary: #FFF8F0;
    --background-secondary: #F8EED8;
    --background-dots: #F0E0C0;
    --background-modal: rgba(255, 248, 240, 0.92);
    --border-primary: #D8C098;
    --border-secondary: #C8A878;
    --accent-success: #92400E;
    --accent-primary: #8A6A2E;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.544 0.087 215);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.2;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: candy-pop-dark */
html[data-theme="candy-pop-dark"] {
    --text-primary: #FFE8F8;
    --text-secondary: #FFB3E8;
    --text-tertiary: #FF6AC8;
    --background-primary: #190C1F;
    --background-secondary: #240F2D;
    --background-dots: #3A1A48;
    --background-modal: rgba(25, 12, 31, 0.90);
    --border-primary: #CC2299;
    --border-secondary: #8B1566;
    --accent-success: #00E8CC;
    --accent-primary: #F472D0;
    --accent-warning: #F59E0B;
    --accent-error: #FF3366;
    --accent-info: oklch(0.735 0.191 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(36% * var(--bd-strength, 1))), transparent) 0%, transparent 46%, color-mix(in srgb, var(--accent-success) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(189deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.72;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: candy-pop-light */
html[data-theme="candy-pop-light"] {
    --text-primary: #5C0044;
    --text-secondary: #880066;
    --text-tertiary: #AA0088;
    --background-primary: #FFF2FF;
    --background-secondary: #FFE4FF;
    --background-dots: #FFD0FF;
    --background-modal: rgba(255, 242, 255, 0.92);
    --border-primary: #EE88DD;
    --border-secondary: #DD66CC;
    --accent-success: #0891B2;
    --accent-primary: #C026A3;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.564 0.223 135);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(36% * var(--bd-strength, 1))), transparent) 0%, transparent 46%, color-mix(in srgb, var(--accent-success) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(189deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.16;
    --theme-surface-step: 1.26;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: cerulean-skylark-dark */
html[data-theme="cerulean-skylark-dark"] {
    --text-primary: #D0E8FF;
    --text-secondary: #98C8F8;
    --text-tertiary: #78B8F0;
    --background-primary: #081018;
    --background-secondary: #101828;
    --background-dots: #182840;
    --background-modal: rgba(8, 16, 24, 0.88);
    --border-primary: #2060A8;
    --border-secondary: #184880;
    --accent-success: #38BDF8;
    --accent-primary: #60A5FA;
    --accent-warning: #F59E0B;
    --accent-error: #FB7185;
    --accent-info: oklch(0.714 0.143 150);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 47%), radial-gradient(140% 60% at 67% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(184deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 25px;
    --theme-surface-glow: 0.64;
    --theme-surface-step: 1.1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: cerulean-skylark-light */
html[data-theme="cerulean-skylark-light"] {
    --text-primary: #0C4A8C;
    --text-secondary: #2563EB;
    --text-tertiary: #3B82F6;
    --background-primary: #F5FAFF;
    --background-secondary: #E8F2FF;
    --background-dots: #D0E4FF;
    --background-modal: rgba(245, 250, 255, 0.92);
    --border-primary: #93C5FD;
    --border-secondary: #60A5FA;
    --accent-success: #0284C7;
    --accent-primary: #2060A8;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.488 0.132 145);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 47%), radial-gradient(140% 60% at 67% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(184deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.25;
    --theme-surface-step: 1.45;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: champagne-flute-dark */
html[data-theme="champagne-flute-dark"] {
    --text-primary: #FBF3E2;
    --text-secondary: #D8C8A6;
    --text-tertiary: #B09E7C;
    --background-primary: #14100A;
    --background-secondary: #1E1810;
    --background-dots: #2C2418;
    --background-modal: rgba(20, 16, 10, 0.9);
    --border-primary: #44382A;
    --border-secondary: #30271C;
    --accent-success: #9AD3A4;
    --accent-primary: #E8C27A;
    --accent-warning: #F2A65A;
    --accent-error: #F2837A;
    --accent-info: #9BB8F0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 22% 75%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 75% 9%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 55% 43%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 14% 50%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 78% 26%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 2% 72%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 16% 89%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 20% 63%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 51% 51%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.6;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 0.7;
    --theme-surface-step: 1.05;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.45;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: champagne-flute-light */
html[data-theme="champagne-flute-light"] {
    --text-primary: #2A2012;
    --text-secondary: #5C4A2E;
    --text-tertiary: #76644A;
    --background-primary: #FCF8EF;
    --background-secondary: #F5EEDD;
    --background-dots: #E8DDC6;
    --background-modal: rgba(252, 248, 239, 0.92);
    --border-primary: #DCCBAA;
    --border-secondary: #EDE3CF;
    --accent-success: #2E7045;
    --accent-primary: #8C6414;
    --accent-warning: #9A4F00;
    --accent-error: #B03A30;
    --accent-info: #3159A8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 22% 75%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 75% 9%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 55% 43%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 14% 50%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 78% 26%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 2% 72%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 16% 89%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 20% 63%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 51% 51%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.6;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 0.7;
    --theme-surface-step: 1.14;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.45;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: chartreuse-static-dark */
html[data-theme="chartreuse-static-dark"] {
    --text-primary: #E8FFC0;
    --text-secondary: #C4F060;
    --text-tertiary: #8CB040;
    --background-primary: #101208;
    --background-secondary: #1A1E0E;
    --background-dots: #283014;
    --background-modal: rgba(16, 18, 8, 0.9);
    --border-primary: #5E7420;
    --border-secondary: #3E4C16;
    --accent-success: #B4FF2E;
    --accent-primary: #C4F060;
    --accent-warning: #FFC400;
    --accent-error: #FF5C4D;
    --accent-info: oklch(0.896 0.177 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(124deg, var(--background-primary) 20%, transparent 85%), radial-gradient(circle, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 1.4px, transparent 1.6px), linear-gradient(167deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, calc(10px * var(--bd-scale, 1)) calc(10px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.83;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.27;
    --theme-surface-step: 1.05;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: chartreuse-static-light */
html[data-theme="chartreuse-static-light"] {
    --text-primary: #242A0C;
    --text-secondary: #48541A;
    --text-tertiary: #6E7E28;
    --background-primary: #FAFCEE;
    --background-secondary: #F2F6DC;
    --background-dots: #E2ECBC;
    --background-modal: rgba(250, 252, 238, 0.93);
    --border-primary: #C4D480;
    --border-secondary: #A2B858;
    --accent-success: #4D7C0F;
    --accent-primary: #5E7420;
    --accent-warning: #A16207;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.524 0.112 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(124deg, var(--background-primary) 20%, transparent 85%), radial-gradient(circle, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 1.4px, transparent 1.6px), linear-gradient(167deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, calc(10px * var(--bd-scale, 1)) calc(10px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.91;
    --theme-surface-blur: 6px;
    --theme-surface-glow: 0.05;
    --theme-surface-step: 1.16;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: cherry-graphite-dark */
html[data-theme="cherry-graphite-dark"] {
    --text-primary: #F3F4F6;
    --text-secondary: #D1D5DB;
    --text-tertiary: #9CA3AF;
    --background-primary: #111318;
    --background-secondary: #1B1F2A;
    --background-dots: #2A1E2C;
    --background-modal: rgba(17, 19, 24, 0.85);
    --border-primary: #3A2E3F;
    --border-secondary: #2C2532;
    --accent-success: #34D399;
    --accent-primary: #F472B6;
    --accent-warning: #F59E0B;
    --accent-error: #FB7185;
    --accent-info: oklch(0.725 0.175 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(9px * var(--bd-scale, 1))), radial-gradient(90% 70% at 5% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(171deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.79;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.42;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: cherry-graphite-light */
html[data-theme="cherry-graphite-light"] {
    --text-primary: #1F2937;
    --text-secondary: #4B5563;
    --text-tertiary: #6B7280;
    --background-primary: #FBFBFC;
    --background-secondary: #F3F4F6;
    --background-dots: #F5E8EE;
    --background-modal: rgba(255, 255, 255, 0.92);
    --border-primary: #E5E7EB;
    --border-secondary: #D1D5DB;
    --accent-success: #059669;
    --accent-primary: #BE185D;
    --accent-warning: #D97706;
    --accent-error: #BE123C;
    --accent-info: oklch(0.525 0.199 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(9px * var(--bd-scale, 1))), radial-gradient(90% 70% at 5% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(171deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.87;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.15;
    --theme-surface-step: 1.17;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: city-lights-dark */
html[data-theme="city-lights-dark"] {
    --text-primary: #C0CAF5;
    --text-secondary: #A9B1D6;
    --text-tertiary: #787C99;
    --background-primary: #1A1B26;
    --background-secondary: #24283B;
    --background-dots: #2F3549;
    --background-modal: rgba(26, 27, 38, 0.9);
    --border-primary: #3B4261;
    --border-secondary: #292E42;
    --accent-success: #9ECE6A;
    --accent-primary: #7AA2F7;
    --accent-warning: #E0AF68;
    --accent-error: #F7768E;
    --accent-info: oklch(0.719 0.132 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 64% 32%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 66% 99%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 20% 5%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 35% 43%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 21% 95%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 2% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 21% 2%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 9% 71%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 97% 78%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), linear-gradient(166deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 0.66;
    --theme-surface-step: 1.34;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: city-lights-light */
html[data-theme="city-lights-light"] {
    --text-primary: #343B58;
    --text-secondary: #41496B;
    --text-tertiary: #6C7086;
    --background-primary: #E1E2E7;
    --background-secondary: #D5D6DB;
    --background-dots: #C4C8DA;
    --background-modal: rgba(225, 226, 231, 0.92);
    --border-primary: #C4C8DA;
    --border-secondary: #A8AECB;
    --accent-success: #587539;
    --accent-primary: #2E7DE9;
    --accent-warning: #8C6C3E;
    --accent-error: #C64343;
    --accent-info: oklch(0.6 0.18 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 64% 32%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 66% 99%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 20% 5%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 35% 43%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 21% 95%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 2% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 21% 2%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 9% 71%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 97% 78%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), linear-gradient(166deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.23;
    --theme-surface-step: 1.49;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: cobalt-ink-dark */
html[data-theme="cobalt-ink-dark"] {
    --text-primary: #FFFFFF;
    --text-secondary: #B8D3F0;
    --text-tertiary: #6C90B8;
    --background-primary: #193549;
    --background-secondary: #1F4662;
    --background-dots: #28536F;
    --background-modal: rgba(25, 53, 73, 0.9);
    --border-primary: #28536F;
    --border-secondary: #1F4662;
    --accent-success: #3AD900;
    --accent-primary: #FFC600;
    --accent-warning: #FF9D00;
    --accent-error: #FF628C;
    --accent-info: oklch(0.854 0.175 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(14px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(19px * var(--bd-scale, 1))), linear-gradient(175deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.06;
    --theme-surface-step: 1.21;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: cobalt-ink-light */
html[data-theme="cobalt-ink-light"] {
    --text-primary: #12354A;
    --text-secondary: #1F4662;
    --text-tertiary: #4A7091;
    --background-primary: #F5F9FD;
    --background-secondary: #E9F1F8;
    --background-dots: #D8E6F2;
    --background-modal: rgba(245, 249, 253, 0.92);
    --border-primary: #CCDDEC;
    --border-secondary: #B0C8DD;
    --accent-success: #2E7D00;
    --accent-primary: #A87400;
    --accent-warning: #B36A00;
    --accent-error: #CC2F5B;
    --accent-info: oklch(0.597 0.125 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(14px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(19px * var(--bd-scale, 1))), linear-gradient(175deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.24;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: cold-cathode-dark */
html[data-theme="cold-cathode-dark"] {
    --text-primary: #F0FBFF;
    --text-secondary: #B8DCEC;
    --text-tertiary: #7CA8BC;
    --background-primary: #05090E;
    --background-secondary: #0B131C;
    --background-dots: #12202C;
    --background-modal: rgba(5, 9, 14, 0.92);
    --border-primary: #3C6478;
    --border-secondary: #24404E;
    --accent-success: #7CFFE8;
    --accent-primary: #7FCCE8;
    --accent-warning: #FFE08A;
    --accent-error: #FF8A9E;
    --accent-info: oklch(0.805 0.086 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(168deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 0.28;
    --theme-surface-step: 0.98;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: cold-cathode-light */
html[data-theme="cold-cathode-light"] {
    --text-primary: #0E1E28;
    --text-secondary: #2E5266;
    --text-tertiary: #527A90;
    --background-primary: #F6FCFF;
    --background-secondary: #E8F4FA;
    --background-dots: #D2E6F0;
    --background-modal: rgba(246, 252, 255, 0.93);
    --border-primary: #AECEDE;
    --border-secondary: #84AEC2;
    --accent-success: #0F766E;
    --accent-primary: #2E6E8C;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.51 0.08 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(168deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.23;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: commit-grey-dark */
html[data-theme="commit-grey-dark"] {
    --text-primary: #C9D1D9;
    --text-secondary: #B1BAC4;
    --text-tertiary: #8B949E;
    --background-primary: #0D1117;
    --background-secondary: #161B22;
    --background-dots: #21262D;
    --background-modal: rgba(13, 17, 23, 0.9);
    --border-primary: #30363D;
    --border-secondary: #21262D;
    --accent-success: #3FB950;
    --accent-primary: #58A6FF;
    --accent-warning: #D29922;
    --accent-error: #F85149;
    --accent-info: oklch(0.715 0.152 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), radial-gradient(circle at 72% 48%, transparent 0, transparent 16%, color-mix(in srgb, var(--accent-success) min(100%, calc(44% * var(--bd-strength, 1))), transparent) 17%, transparent 18.2%), radial-gradient(75% 65% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 60% at 100% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(183deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.89;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.18;
    --theme-surface-step: 1.22;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: commit-grey-light */
html[data-theme="commit-grey-light"] {
    --text-primary: #24292F;
    --text-secondary: #424A53;
    --text-tertiary: #6E7781;
    --background-primary: #FFFFFF;
    --background-secondary: #F6F8FA;
    --background-dots: #EAEEF2;
    --background-modal: rgba(255, 255, 255, 0.92);
    --border-primary: #D0D7DE;
    --border-secondary: #AFB8C1;
    --accent-success: #1A7F37;
    --accent-primary: #0969DA;
    --accent-warning: #9A6700;
    --accent-error: #CF222E;
    --accent-info: oklch(0.54 0.191 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), radial-gradient(circle at 72% 48%, transparent 0, transparent 16%, color-mix(in srgb, var(--accent-success) min(100%, calc(44% * var(--bd-strength, 1))), transparent) 17%, transparent 18.2%), radial-gradient(75% 65% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 60% at 100% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(183deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 1;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.07;
    --theme-surface-step: 1.15;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: copper-circuit-dark */
html[data-theme="copper-circuit-dark"] {
    --text-primary: #FEE2D5;
    --text-secondary: #FDBA74;
    --text-tertiary: #FB923C;
    --background-primary: #1A110E;
    --background-secondary: #281A14;
    --background-dots: #3A241A;
    --background-modal: rgba(26, 17, 14, 0.88);
    --border-primary: #C2410C;
    --border-secondary: #9A3412;
    --accent-success: #22D3EE;
    --accent-primary: #FB923C;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.758 0.159 295);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(153deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(39px * var(--bd-scale, 1))), repeating-linear-gradient(-76deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(64px * var(--bd-scale, 1))), linear-gradient(162deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.79;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.42;
    --theme-surface-step: 1.11;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: copper-circuit-light */
html[data-theme="copper-circuit-light"] {
    --text-primary: #7C2D12;
    --text-secondary: #9A3412;
    --text-tertiary: #C2410C;
    --background-primary: #FFF8F2;
    --background-secondary: #FEEAD8;
    --background-dots: #FCD9BD;
    --background-modal: rgba(255, 248, 242, 0.92);
    --border-primary: #FDBA74;
    --border-secondary: #FB923C;
    --accent-success: #0E7490;
    --accent-primary: #C2410C;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.553 0.174 135);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(153deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(39px * var(--bd-scale, 1))), repeating-linear-gradient(-76deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(64px * var(--bd-scale, 1))), linear-gradient(162deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.88;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.44;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: coral-reef-dark */
html[data-theme="coral-reef-dark"] {
    --text-primary: #FFE4E6;
    --text-secondary: #FDA4AF;
    --text-tertiary: #FB7185;
    --background-primary: #151C24;
    --background-secondary: #1E2B35;
    --background-dots: #28404D;
    --background-modal: rgba(21, 28, 36, 0.88);
    --border-primary: #0F766E;
    --border-secondary: #115E59;
    --accent-success: #14B8A6;
    --accent-primary: #FB7185;
    --accent-warning: #F59E0B;
    --accent-error: #F43F5E;
    --accent-info: oklch(0.719 0.169 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(183deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.72;
    --theme-surface-step: 1.15;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: coral-reef-light */
html[data-theme="coral-reef-light"] {
    --text-primary: #134E4A;
    --text-secondary: #0F766E;
    --text-tertiary: #0D9488;
    --background-primary: #F4FFFF;
    --background-secondary: #E6FFFB;
    --background-dots: #CCFBF1;
    --background-modal: rgba(244, 255, 255, 0.92);
    --border-primary: #99F6E4;
    --border-secondary: #5EEAD4;
    --accent-success: #0F766E;
    --accent-primary: #BE123C;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.514 0.198 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(183deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.3;
    --theme-surface-step: 1.37;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: cosmic-editor-dark */
html[data-theme="cosmic-editor-dark"] {
    --text-primary: #B2B2B2;
    --text-secondary: #A3A3A3;
    --text-tertiary: #5D4D7A;
    --background-primary: #292B2E;
    --background-secondary: #34323E;
    --background-dots: #3E3A4C;
    --background-modal: rgba(41, 43, 46, 0.9);
    --border-primary: #5D4D7A;
    --border-secondary: #453E58;
    --accent-success: #67B11D;
    --accent-primary: #BC6EC5;
    --accent-warning: #B1951D;
    --accent-error: #F2241F;
    --accent-info: oklch(0.655 0.15 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 134px 79px, 82px 123px, 102px 2px, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.36;
    --theme-surface-step: 1.74;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: cosmic-editor-light */
html[data-theme="cosmic-editor-light"] {
    --text-primary: #655370;
    --text-secondary: #544A62;
    --text-tertiary: #8A7A96;
    --background-primary: #FBF8EF;
    --background-secondary: #F3EFE2;
    --background-dots: #E8E2D2;
    --background-modal: rgba(251, 248, 239, 0.92);
    --border-primary: #DEDAC8;
    --border-secondary: #C6C1AE;
    --accent-success: #42815B;
    --accent-primary: #6C3163;
    --accent-warning: #8A6300;
    --accent-error: #B1231F;
    --accent-info: oklch(0.411 0.108 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 134px 79px, 82px 123px, 102px 2px, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.27;
    --theme-surface-step: 1.63;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: deep-lagoon-dark */
html[data-theme="deep-lagoon-dark"] {
    --text-primary: #B0BEC5;
    --text-secondary: #90A4AE;
    --text-tertiary: #546E7A;
    --background-primary: #0F111A;
    --background-secondary: #181C25;
    --background-dots: #212636;
    --background-modal: rgba(15, 17, 26, 0.9);
    --border-primary: #2A3040;
    --border-secondary: #1E2330;
    --accent-success: #C3E88D;
    --accent-primary: #80CBC4;
    --accent-warning: #FFCB6B;
    --accent-error: #F07178;
    --accent-info: oklch(0.791 0.075 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(191deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 25px;
    --theme-surface-glow: 0.21;
    --theme-surface-step: 1.35;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: deep-lagoon-light */
html[data-theme="deep-lagoon-light"] {
    --text-primary: #37474F;
    --text-secondary: #455A64;
    --text-tertiary: #607D8B;
    --background-primary: #FAFAFA;
    --background-secondary: #F0F3F4;
    --background-dots: #E3E8EA;
    --background-modal: rgba(250, 250, 250, 0.92);
    --border-primary: #DDE3E5;
    --border-secondary: #C6CED1;
    --accent-success: #5C8A1E;
    --accent-primary: #00897B;
    --accent-warning: #B07800;
    --accent-error: #D0343B;
    --accent-info: oklch(0.566 0.101 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(191deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.17;
    --theme-surface-step: 1.39;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: denim-fade-dark */
html[data-theme="denim-fade-dark"] {
    --text-primary: #C8D4F0;
    --text-secondary: #8898D0;
    --text-tertiary: #6888C8;
    --background-primary: #0A0E18;
    --background-secondary: #121828;
    --background-dots: #1A2440;
    --background-modal: rgba(10, 14, 24, 0.88);
    --border-primary: #2E4A88;
    --border-secondary: #1E3468;
    --accent-success: #93C5FD;
    --accent-primary: #7C9BE8;
    --accent-warning: #F59E0B;
    --accent-error: #FB7185;
    --accent-info: oklch(0.698 0.119 160);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(19px * var(--bd-scale, 1))), linear-gradient(170deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.81;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.17;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: denim-fade-light */
html[data-theme="denim-fade-light"] {
    --text-primary: #1E3A6E;
    --text-secondary: #3B5998;
    --text-tertiary: #4A6FA8;
    --background-primary: #F4F7FC;
    --background-secondary: #E8EEF8;
    --background-dots: #D4DFF0;
    --background-modal: rgba(244, 247, 252, 0.92);
    --border-primary: #A8BEE8;
    --border-secondary: #7898D8;
    --accent-success: #2563EB;
    --accent-primary: #2E4A88;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.421 0.109 155);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(19px * var(--bd-scale, 1))), linear-gradient(170deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.91;
    --theme-surface-blur: 6px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.34;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: desert-rose-dark */
html[data-theme="desert-rose-dark"] {
    --text-primary: #F0D8D0;
    --text-secondary: #D8A898;
    --text-tertiary: #C89890;
    --background-primary: #1A1214;
    --background-secondary: #281A1E;
    --background-dots: #3A2828;
    --background-modal: rgba(26, 18, 20, 0.88);
    --border-primary: #8A5858;
    --border-secondary: #684040;
    --accent-success: #E87878;
    --accent-primary: #E0A090;
    --accent-warning: #F59E0B;
    --accent-error: #FB7185;
    --accent-info: oklch(0.763 0.08 220);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(198deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.03;
    --theme-surface-step: 1.17;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: desert-rose-light */
html[data-theme="desert-rose-light"] {
    --text-primary: #5C3838;
    --text-secondary: #9A6868;
    --text-tertiary: #B07878;
    --background-primary: #FBF5F2;
    --background-secondary: #F0E4E0;
    --background-dots: #F0DDD8;
    --background-modal: rgba(251, 245, 242, 0.92);
    --border-primary: #D8A898;
    --border-secondary: #C89890;
    --accent-success: #15803D;
    --accent-primary: #A05A50;
    --accent-warning: #B45309;
    --accent-error: #B45454;
    --accent-info: oklch(0.546 0.094 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(198deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.4;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: desert-sand-dark */
html[data-theme="desert-sand-dark"] {
    --text-primary: #FDE68A;
    --text-secondary: #FCD34D;
    --text-tertiary: #D6A96C;
    --background-primary: #1A120B;
    --background-secondary: #2B1F14;
    --background-dots: #3A2A1C;
    --background-modal: rgba(26, 18, 11, 0.84);
    --border-primary: #5A3E26;
    --border-secondary: #3E2B1C;
    --accent-success: #86EFAC;
    --accent-primary: #FBBF24;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.837 0.164 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(177deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.13;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: desert-sand-light */
html[data-theme="desert-sand-light"] {
    --text-primary: #3F2D1D;
    --text-secondary: #6B4C2A;
    --text-tertiary: #8B6A42;
    --background-primary: #FFF8ED;
    --background-secondary: #FDEFD8;
    --background-dots: #F3E2C2;
    --background-modal: rgba(255, 248, 237, 0.9);
    --border-primary: #E8CFAD;
    --border-secondary: #E2BE8E;
    --accent-success: #15803D;
    --accent-primary: #B45309;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.555 0.146 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(177deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.24;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: dusk-horizon-dark */
html[data-theme="dusk-horizon-dark"] {
    --text-primary: #E8EAF6;
    --text-secondary: #B0BAD4;
    --text-tertiary: #7B8BA6;
    --background-primary: #0D0F1A;
    --background-secondary: #141728;
    --background-dots: #1E2440;
    --background-modal: rgba(13, 15, 26, 0.88);
    --border-primary: #3D4878;
    --border-secondary: #272D55;
    --accent-success: #7C9BF8;
    --accent-primary: #8FA0E8;
    --accent-warning: #F59E0B;
    --accent-error: #FB7185;
    --accent-info: oklch(0.721 0.107 170);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 55% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 55% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 55% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.69;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.15;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: dusk-horizon-light */
html[data-theme="dusk-horizon-light"] {
    --text-primary: #1A1F4E;
    --text-secondary: #3A4580;
    --text-tertiary: #5A68A8;
    --background-primary: #F5F6FF;
    --background-secondary: #EAEDFF;
    --background-dots: #D8DCFF;
    --background-modal: rgba(245, 246, 255, 0.92);
    --border-primary: #BCC4F0;
    --border-secondary: #9AA8E8;
    --accent-success: #4158C8;
    --accent-primary: #3D4878;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.415 0.081 160);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 55% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 55% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 55% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.77;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.17;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: editor-default-dark */
html[data-theme="editor-default-dark"] {
    --text-primary: #D4D4D4;
    --text-secondary: #BBBBBB;
    --text-tertiary: #858585;
    --background-primary: #1E1E1E;
    --background-secondary: #252526;
    --background-dots: #2D2D30;
    --background-modal: rgba(30, 30, 30, 0.9);
    --border-primary: #3C3C3C;
    --border-secondary: #2D2D30;
    --accent-success: #6A9955;
    --accent-primary: #569CD6;
    --accent-warning: #D7BA7D;
    --accent-error: #F14C4C;
    --accent-info: oklch(0.671 0.112 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), radial-gradient(circle at 76% 48%, transparent 0, transparent 16%, color-mix(in srgb, var(--accent-success) min(100%, calc(44% * var(--bd-strength, 1))), transparent) 17%, transparent 18.2%), radial-gradient(75% 65% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 60% at 100% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(190deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.89;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.06;
    --theme-surface-step: 1.3;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: editor-default-light */
html[data-theme="editor-default-light"] {
    --text-primary: #1E1E1E;
    --text-secondary: #3B3B3B;
    --text-tertiary: #6E6E6E;
    --background-primary: #FFFFFF;
    --background-secondary: #F3F3F3;
    --background-dots: #E7E7E7;
    --background-modal: rgba(255, 255, 255, 0.92);
    --border-primary: #DDDDDD;
    --border-secondary: #C8C8C8;
    --accent-success: #3B7A20;
    --accent-primary: #0000C0;
    --accent-warning: #8A6A00;
    --accent-error: #CD3131;
    --accent-info: oklch(0.365 0.253 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), radial-gradient(circle at 76% 48%, transparent 0, transparent 16%, color-mix(in srgb, var(--accent-success) min(100%, calc(44% * var(--bd-strength, 1))), transparent) 17%, transparent 18.2%), radial-gradient(75% 65% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 60% at 100% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(190deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 1;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: electric-orchid-dark */
html[data-theme="electric-orchid-dark"] {
    --text-primary: #FFD0FF;
    --text-secondary: #FF90FF;
    --text-tertiary: #FF60FF;
    --background-primary: #0C040C;
    --background-secondary: #180818;
    --background-dots: #280C28;
    --background-modal: rgba(12, 4, 12, 0.90);
    --border-primary: #CC00CC;
    --border-secondary: #990099;
    --accent-success: #00FFFF;
    --accent-primary: #E879F9;
    --accent-warning: #FBBF24;
    --accent-error: #FF4488;
    --accent-info: oklch(0.748 0.207 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 129deg at 44% 15%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 309deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(183deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: electric-orchid-light */
html[data-theme="electric-orchid-light"] {
    --text-primary: #600060;
    --text-secondary: #A020A0;
    --text-tertiary: #C030C0;
    --background-primary: #FDF5FF;
    --background-secondary: #F8E8FF;
    --background-dots: #F0D0FF;
    --background-modal: rgba(253, 245, 255, 0.92);
    --border-primary: #E880E8;
    --border-secondary: #D060D0;
    --accent-success: #0891B2;
    --accent-primary: #A21CAF;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.518 0.226 135);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 129deg at 44% 15%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 309deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(183deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.46;
    --theme-surface-step: 1.3;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: ember-ash-dark */
html[data-theme="ember-ash-dark"] {
    --text-primary: #F0E0D8;
    --text-secondary: #C89888;
    --text-tertiary: #8E6458;
    --background-primary: #0A0808;
    --background-secondary: #161010;
    --background-dots: #281818;
    --background-modal: rgba(10, 8, 8, 0.92);
    --border-primary: #7A2E1A;
    --border-secondary: #441A10;
    --accent-success: #88C070;
    --accent-primary: #E0794F;
    --accent-warning: #FF7A18;
    --accent-error: #FF4530;
    --accent-info: oklch(0.684 0.14 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(195deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.78;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.27;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: ember-ash-light */
html[data-theme="ember-ash-light"] {
    --text-primary: #2A1A16;
    --text-secondary: #5A3228;
    --text-tertiary: #845444;
    --background-primary: #FCF6F4;
    --background-secondary: #F4E8E2;
    --background-dots: #E6D0C8;
    --background-modal: rgba(252, 246, 244, 0.93);
    --border-primary: #D8B0A0;
    --border-secondary: #BE8C78;
    --accent-success: #4D7C0F;
    --accent-primary: #9A3A1E;
    --accent-warning: #C2410C;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.479 0.135 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(195deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.88;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.15;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: emerald-matrix-dark */
html[data-theme="emerald-matrix-dark"] {
    --text-primary: #D1FAE5;
    --text-secondary: #6EE7B7;
    --text-tertiary: #34D399;
    --background-primary: #06130D;
    --background-secondary: #0D1F16;
    --background-dots: #143026;
    --background-modal: rgba(6, 19, 13, 0.88);
    --border-primary: #047857;
    --border-secondary: #065F46;
    --accent-success: #22C55E;
    --accent-primary: #34D399;
    --accent-warning: #EAB308;
    --accent-error: #F87171;
    --accent-info: oklch(0.773 0.153 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 40% at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, var(--background-primary) 55%, transparent 55%), repeating-conic-gradient(from 90deg at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0 .6deg, transparent .6deg calc(8deg * var(--bd-scale, 1))), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: emerald-matrix-light */
html[data-theme="emerald-matrix-light"] {
    --text-primary: #064E3B;
    --text-secondary: #065F46;
    --text-tertiary: #047857;
    --background-primary: #F3FFF8;
    --background-secondary: #E8FCEF;
    --background-dots: #CFF7DE;
    --background-modal: rgba(243, 255, 248, 0.92);
    --border-primary: #86EFAC;
    --border-secondary: #4ADE80;
    --accent-success: #15803D;
    --accent-primary: #047857;
    --accent-warning: #A16207;
    --accent-error: #BE123C;
    --accent-info: oklch(0.508 0.105 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 40% at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, var(--background-primary) 55%, transparent 55%), repeating-conic-gradient(from 90deg at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0 .6deg, transparent .6deg calc(8deg * var(--bd-scale, 1))), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.23;
    --theme-surface-step: 1.35;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: forest-everglade-dark */
html[data-theme="forest-everglade-dark"] {
    --text-primary: #D3C6AA;
    --text-secondary: #A7C080;
    --text-tertiary: #859289;
    --background-primary: #2D353B;
    --background-secondary: #343F44;
    --background-dots: #3D484D;
    --background-modal: rgba(45, 53, 59, 0.9);
    --border-primary: #475258;
    --border-secondary: #3D484D;
    --accent-success: #A7C080;
    --accent-primary: #7FBBB3;
    --accent-warning: #DBBC7F;
    --accent-error: #E67E80;
    --accent-info: oklch(0.749 0.063 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(30% 24% at 65% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 27% 0, 36% 0, 49% 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.13;
    --theme-surface-step: 1.64;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: forest-everglade-light */
html[data-theme="forest-everglade-light"] {
    --text-primary: #5C6A72;
    --text-secondary: #4F585E;
    --text-tertiary: #829181;
    --background-primary: #FDF6E3;
    --background-secondary: #F4F0D9;
    --background-dots: #EFEBD4;
    --background-modal: rgba(253, 246, 227, 0.92);
    --border-primary: #E0DCC7;
    --border-secondary: #D8D3BA;
    --accent-success: #8DA101;
    --accent-primary: #3A94C5;
    --accent-warning: #DFA000;
    --accent-error: #F85552;
    --accent-info: oklch(0.634 0.112 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(30% 24% at 65% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 27% 0, 36% 0, 49% 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.1;
    --theme-surface-step: 1.8;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: forest-moss-dark */
html[data-theme="forest-moss-dark"] {
    --text-primary: #DCFCE7;
    --text-secondary: #86EFAC;
    --text-tertiary: #4ADE80;
    --background-primary: #0E1712;
    --background-secondary: #142119;
    --background-dots: #1B2F22;
    --background-modal: rgba(14, 23, 18, 0.84);
    --border-primary: #2E4A37;
    --border-secondary: #22372A;
    --accent-success: #22C55E;
    --accent-primary: #4ADE80;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.8 0.182 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse at 25% 29%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), repeating-radial-gradient(ellipse at 64% 76%, color-mix(in srgb, var(--accent-error) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(26px * var(--bd-scale, 1))), linear-gradient(167deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.81;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.27;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: forest-moss-light */
html[data-theme="forest-moss-light"] {
    --text-primary: #1B4332;
    --text-secondary: #2D6A4F;
    --text-tertiary: #40916C;
    --background-primary: #F4FFF8;
    --background-secondary: #E8F5EC;
    --background-dots: #D8EEDC;
    --background-modal: rgba(244, 255, 248, 0.9);
    --border-primary: #B7D7C2;
    --border-secondary: #9CCCB0;
    --accent-success: #15803D;
    --accent-primary: #15803D;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.527 0.137 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse at 25% 29%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), repeating-radial-gradient(ellipse at 64% 76%, color-mix(in srgb, var(--accent-error) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(26px * var(--bd-scale, 1))), linear-gradient(167deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.91;
    --theme-surface-blur: 6px;
    --theme-surface-glow: 0.06;
    --theme-surface-step: 1.29;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: forged-titanium-dark */
html[data-theme="forged-titanium-dark"] {
    --text-primary: #EFEDF6;
    --text-secondary: #BAB6CC;
    --text-tertiary: #938FA8;
    --background-primary: #0B0A10;
    --background-secondary: #131219;
    --background-dots: #1E1C26;
    --background-modal: rgba(11, 10, 16, 0.9);
    --border-primary: #302D3E;
    --border-secondary: #23212D;
    --accent-success: #63D6B8;
    --accent-primary: #8C7CF0;
    --accent-warning: #F2C063;
    --accent-error: #F57A93;
    --accent-info: #5EC7E8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), radial-gradient(70% 60% at 41% 14%, color-mix(in srgb, var(--accent-primary) min(100%, calc(46% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 55% at 74% 51%, color-mix(in srgb, var(--accent-error) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(55% 45% at 50% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.81;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.22;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.3;
    --theme-grain-angle: 15deg;
    --theme-grain-scale: 0.85;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: forged-titanium-light */
html[data-theme="forged-titanium-light"] {
    --text-primary: #17151F;
    --text-secondary: #433F54;
    --text-tertiary: #5F5B70;
    --background-primary: #F6F5F9;
    --background-secondary: #ECEAF2;
    --background-dots: #DEDBE8;
    --background-modal: rgba(246, 245, 249, 0.92);
    --border-primary: #CAC6D9;
    --border-secondary: #E4E1EC;
    --accent-success: #157060;
    --accent-primary: #4E3CC0;
    --accent-warning: #8A5500;
    --accent-error: #AE2A4A;
    --accent-info: #086C88;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), radial-gradient(70% 60% at 41% 14%, color-mix(in srgb, var(--accent-primary) min(100%, calc(46% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 55% at 74% 51%, color-mix(in srgb, var(--accent-error) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(55% 45% at 50% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.91;
    --theme-surface-blur: 6px;
    --theme-surface-glow: 0.16;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.3;
    --theme-grain-angle: 15deg;
    --theme-grain-scale: 0.85;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: foundry-iron-dark */
html[data-theme="foundry-iron-dark"] {
    --text-primary: #E8E4E0;
    --text-secondary: #B0A8A0;
    --text-tertiary: #807870;
    --background-primary: #0E0E0D;
    --background-secondary: #191817;
    --background-dots: #282624;
    --background-modal: rgba(14, 14, 13, 0.9);
    --border-primary: #4A4440;
    --border-secondary: #332F2C;
    --accent-success: #8FBF6F;
    --accent-primary: #C0A070;
    --accent-warning: #FF8C1A;
    --accent-error: #E04030;
    --accent-info: oklch(0.723 0.074 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(73deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 45%, transparent 77%), linear-gradient(191deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.78;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: foundry-iron-light */
html[data-theme="foundry-iron-light"] {
    --text-primary: #22201E;
    --text-secondary: #4A4440;
    --text-tertiary: #6E6862;
    --background-primary: #F7F6F4;
    --background-secondary: #EDEAE6;
    --background-dots: #DDD8D2;
    --background-modal: rgba(247, 246, 244, 0.93);
    --border-primary: #C8C2BA;
    --border-secondary: #A69E96;
    --accent-success: #4D7C0F;
    --accent-primary: #7A5F32;
    --accent-warning: #C2410C;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.503 0.071 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(73deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 45%, transparent 77%), linear-gradient(191deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.87;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.08;
    --theme-surface-step: 1.14;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: fox-night-dark */
html[data-theme="fox-night-dark"] {
    --text-primary: #CDCECF;
    --text-secondary: #AEAFB0;
    --text-tertiary: #71839B;
    --background-primary: #192330;
    --background-secondary: #212E3F;
    --background-dots: #29394F;
    --background-modal: rgba(25, 35, 48, 0.9);
    --border-primary: #39506D;
    --border-secondary: #29394F;
    --accent-success: #81B29A;
    --accent-primary: #719CD6;
    --accent-warning: #DBC074;
    --accent-error: #C94F6D;
    --accent-info: oklch(0.685 0.098 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(30% 24% at 82% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 33% 0, 54% 0, 53% 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.13;
    --theme-surface-step: 1.38;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: fox-night-light */
html[data-theme="fox-night-light"] {
    --text-primary: #2B3B4E;
    --text-secondary: #3D4F63;
    --text-tertiary: #63768C;
    --background-primary: #F8FAFC;
    --background-secondary: #EDF1F5;
    --background-dots: #E1E7ED;
    --background-modal: rgba(248, 250, 252, 0.92);
    --border-primary: #D8E0E8;
    --border-secondary: #BECAD6;
    --accent-success: #3E7A5E;
    --accent-primary: #2A6BB5;
    --accent-warning: #8F6D00;
    --accent-error: #B03A56;
    --accent-info: oklch(0.525 0.134 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(30% 24% at 82% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 33% 0, 54% 0, 53% 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.3;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: frost-fern-dark */
html[data-theme="frost-fern-dark"] {
    --text-primary: #EAF8F2;
    --text-secondary: #AED0C2;
    --text-tertiary: #86AA9C;
    --background-primary: #08110E;
    --background-secondary: #0F1A16;
    --background-dots: #172620;
    --background-modal: rgba(8, 17, 14, 0.9);
    --border-primary: #243A32;
    --border-secondary: #1A2C25;
    --accent-success: #B4E07A;
    --accent-primary: #7FE0B0;
    --accent-warning: #F2C878;
    --accent-error: #F49494;
    --accent-info: #8CC0F8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.76;
    --theme-surface-blur: 30px;
    --theme-surface-glow: 0.22;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.15;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: frost-fern-light */
html[data-theme="frost-fern-light"] {
    --text-primary: #0E2018;
    --text-secondary: #344E42;
    --text-tertiary: #50685C;
    --background-primary: #F5FBF8;
    --background-secondary: #EAF4EF;
    --background-dots: #D8EAE1;
    --background-modal: rgba(245, 251, 248, 0.92);
    --border-primary: #C0DACD;
    --border-secondary: #E0EFE8;
    --accent-success: #4A6E14;
    --accent-primary: #11704A;
    --accent-warning: #855800;
    --accent-error: #A83838;
    --accent-info: #2A5AA8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.76;
    --theme-surface-blur: 30px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.15;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: frosted-juniper-dark */
html[data-theme="frosted-juniper-dark"] {
    --text-primary: #C8E0E8;
    --text-secondary: #98C0D0;
    --text-tertiary: #78A8B8;
    --background-primary: #0A1014;
    --background-secondary: #101820;
    --background-dots: #183028;
    --background-modal: rgba(10, 16, 20, 0.88);
    --border-primary: #3A6878;
    --border-secondary: #284858;
    --accent-success: #508878;
    --accent-primary: #7FB4C8;
    --accent-warning: #FBBF24;
    --accent-error: #FB7185;
    --accent-info: oklch(0.74 0.063 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 13% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 65% 24%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 37% 99%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 59% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(7% * var(--bd-scale, 1))), radial-gradient(circle at 19% 22%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 9% 58%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 6% 23%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 75% 98%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 34% 60%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), linear-gradient(189deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.59;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.17;
    --theme-surface-step: 1.15;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: frosted-juniper-light */
html[data-theme="frosted-juniper-light"] {
    --text-primary: #1A4048;
    --text-secondary: #3D6878;
    --text-tertiary: #508898;
    --background-primary: #F5FAFA;
    --background-secondary: #E8F4F4;
    --background-dots: #D8F0F0;
    --background-modal: rgba(245, 250, 250, 0.92);
    --border-primary: #98C8D0;
    --border-secondary: #78B0C0;
    --accent-success: #0F766E;
    --accent-primary: #356070;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.465 0.054 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 13% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 65% 24%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 37% 99%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 59% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(7% * var(--bd-scale, 1))), radial-gradient(circle at 19% 22%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 9% 58%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 6% 23%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 75% 98%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 34% 60%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), linear-gradient(189deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.66;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.13;
    --theme-surface-step: 1.31;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: frozen-lavender-dark */
html[data-theme="frozen-lavender-dark"] {
    --text-primary: #F2EEFA;
    --text-secondary: #C2B8D8;
    --text-tertiary: #9A90B2;
    --background-primary: #0E0C14;
    --background-secondary: #16131E;
    --background-dots: #221D2C;
    --background-modal: rgba(14, 12, 20, 0.9);
    --border-primary: #342D44;
    --border-secondary: #272134;
    --accent-success: #8FDCC0;
    --accent-primary: #B7A6FF;
    --accent-warning: #F2CA7E;
    --accent-error: #F496A8;
    --accent-info: #8FC4F4;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.8;
    --theme-surface-blur: 28px;
    --theme-surface-glow: 0.29;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: frozen-lavender-light */
html[data-theme="frozen-lavender-light"] {
    --text-primary: #1A1626;
    --text-secondary: #473E5E;
    --text-tertiary: #62597A;
    --background-primary: #F9F7FD;
    --background-secondary: #F0EDF8;
    --background-dots: #E2DDF0;
    --background-modal: rgba(249, 247, 253, 0.92);
    --border-primary: #CEC6E4;
    --border-secondary: #E8E3F3;
    --accent-success: #1F6E56;
    --accent-primary: #5C44B8;
    --accent-warning: #855800;
    --accent-error: #A83450;
    --accent-info: #1F60A0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.8;
    --theme-surface-blur: 28px;
    --theme-surface-glow: 0.23;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: glacier-mint-dark */
html[data-theme="glacier-mint-dark"] {
    --text-primary: #F0FDFA;
    --text-secondary: #5EEAD4;
    --text-tertiary: #67E8F9;
    --background-primary: #060A10;
    --background-secondary: #0C1520;
    --background-dots: #0F2847;
    --background-modal: rgba(6, 10, 16, 0.9);
    --border-primary: #2DD4BF;
    --border-secondary: #14B8A6;
    --accent-success: #34D399;
    --accent-primary: #5EEAD4;
    --accent-warning: #FBBF24;
    --accent-error: #FB7185;
    --accent-info: oklch(0.855 0.125 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(30% 24% at 90% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 3% 0, 40% 0, 35% 0, 0 0;
    --theme-surface-alpha: 0.59;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.41;
    --theme-surface-step: 0.99;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: glacier-mint-light */
html[data-theme="glacier-mint-light"] {
    --text-primary: #134E4A;
    --text-secondary: #0F766E;
    --text-tertiary: #0D9488;
    --background-primary: #F6FFFE;
    --background-secondary: #ECFEFF;
    --background-dots: #CCFBF1;
    --background-modal: rgba(246, 255, 254, 0.92);
    --border-primary: #99F6E4;
    --border-secondary: #5EEAD4;
    --accent-success: #0F766E;
    --accent-primary: #0F766E;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.511 0.086 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(30% 24% at 90% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 3% 0, 40% 0, 35% 0, 0 0;
    --theme-surface-alpha: 0.66;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.13;
    --theme-surface-step: 1.36;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: gloss-amber-resin-dark */
html[data-theme="gloss-amber-resin-dark"] {
    --text-primary: #FFF3DE;
    --text-secondary: #F0CF9A;
    --text-tertiary: #BF9A6A;
    --background-primary: #120C04;
    --background-secondary: #1D1408;
    --background-dots: #2A1D0C;
    --background-modal: rgba(18, 12, 4, 0.9);
    --border-primary: #3D2A12;
    --border-secondary: #2A1D0C;
    --accent-success: #9BD86A;
    --accent-primary: #FFB23E;
    --accent-warning: #FFD166;
    --accent-error: #FF7A59;
    --accent-info: oklch(0.818 0.153 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 110deg at 17% -10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0deg, transparent 140deg, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 300deg, transparent 360deg), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.85;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-amber-resin-light */
html[data-theme="gloss-amber-resin-light"] {
    --text-primary: #2B1A05;
    --text-secondary: #5E4012;
    --text-tertiary: #76531E;
    --background-primary: #FFF8EC;
    --background-secondary: #FBEFD9;
    --background-dots: #F2DFBC;
    --background-modal: rgba(255, 248, 236, 0.92);
    --border-primary: #E6CE9E;
    --border-secondary: #F2E3C4;
    --accent-success: #37701A;
    --accent-primary: #955A08;
    --accent-warning: #835400;
    --accent-error: #A8361B;
    --accent-info: oklch(0.523 0.114 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 110deg at 17% -10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0deg, transparent 140deg, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 300deg, transparent 360deg), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.11;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.75;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-aubergine-dark */
html[data-theme="gloss-aubergine-dark"] {
    --text-primary: #F8EDFA;
    --text-secondary: #D6B8DC;
    --text-tertiary: #B090B8;
    --background-primary: #100912;
    --background-secondary: #190F1C;
    --background-dots: #26172A;
    --background-modal: rgba(16, 9, 18, 0.9);
    --border-primary: #3E2644;
    --border-secondary: #2C1B31;
    --accent-success: #6FDDB0;
    --accent-primary: #D96BD0;
    --accent-warning: #F4C064;
    --accent-error: #FF7B8C;
    --accent-info: #8FB0FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(120% 88% at 24% 18%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 83% 24%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(166deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.9;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.9;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-aubergine-light */
html[data-theme="gloss-aubergine-light"] {
    --text-primary: #26102A;
    --text-secondary: #553A5C;
    --text-tertiary: #715676;
    --background-primary: #FBF5FC;
    --background-secondary: #F3E8F5;
    --background-dots: #E6D4EA;
    --background-modal: rgba(251, 245, 252, 0.92);
    --border-primary: #D6BCDC;
    --border-secondary: #EADCEE;
    --accent-success: #1F7050;
    --accent-primary: #9A2894;
    --accent-warning: #8A5500;
    --accent-error: #B02840;
    --accent-info: #3A52B8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(120% 88% at 24% 18%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 83% 24%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(166deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.9;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.9;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-butterscotch-dark */
html[data-theme="gloss-butterscotch-dark"] {
    --text-primary: #FCF1DE;
    --text-secondary: #DCC49C;
    --text-tertiary: #B69E78;
    --background-primary: #120C05;
    --background-secondary: #1C1409;
    --background-dots: #2A1E0F;
    --background-modal: rgba(18, 12, 5, 0.9);
    --border-primary: #44321A;
    --border-secondary: #302312;
    --accent-success: #8FD89A;
    --accent-primary: #F2A93B;
    --accent-warning: #FFD27A;
    --accent-error: #FF8577;
    --accent-info: #8FB6F6;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 52% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 52% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 52% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.5;
    --theme-sheen: 1;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: gloss-butterscotch-light */
html[data-theme="gloss-butterscotch-light"] {
    --text-primary: #2A1B06;
    --text-secondary: #5C4422;
    --text-tertiary: #78603E;
    --background-primary: #FDF8EE;
    --background-secondary: #F7EEDA;
    --background-dots: #EDDFC0;
    --background-modal: rgba(253, 248, 238, 0.92);
    --border-primary: #E0CBA0;
    --border-secondary: #F0E4CA;
    --accent-success: #2E6E30;
    --accent-primary: #9A5A00;
    --accent-warning: #8A4A00;
    --accent-error: #B0302A;
    --accent-info: #2F58B0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 52% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 52% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 52% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 1.11;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.5;
    --theme-sheen: 1;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: gloss-candy-lacquer-dark */
html[data-theme="gloss-candy-lacquer-dark"] {
    --text-primary: #FFEFF3;
    --text-secondary: #F2B8C6;
    --text-tertiary: #C48B99;
    --background-primary: #12060A;
    --background-secondary: #1E0B12;
    --background-dots: #2C121C;
    --background-modal: rgba(18, 6, 10, 0.9);
    --border-primary: #3E1A27;
    --border-secondary: #2A111B;
    --accent-success: #45E0A0;
    --accent-primary: #FF4D7A;
    --accent-warning: #FFB547;
    --accent-error: #FF5A5A;
    --accent-info: oklch(0.681 0.214 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 164deg at 8% -10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0deg, transparent 140deg, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 300deg, transparent 360deg), linear-gradient(192deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.95;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-candy-lacquer-light */
html[data-theme="gloss-candy-lacquer-light"] {
    --text-primary: #2A0A14;
    --text-secondary: #6B2A3C;
    --text-tertiary: #834455;
    --background-primary: #FFF5F7;
    --background-secondary: #FDE8EE;
    --background-dots: #F8D2DE;
    --background-modal: rgba(255, 245, 247, 0.92);
    --border-primary: #F1BFCD;
    --border-secondary: #F8DCE4;
    --accent-success: #18704B;
    --accent-primary: #B8143F;
    --accent-warning: #835400;
    --accent-error: #A8231C;
    --accent-info: oklch(0.504 0.192 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 164deg at 8% -10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0deg, transparent 140deg, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 300deg, transparent 360deg), linear-gradient(192deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.8;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-cinnabar-dark */
html[data-theme="gloss-cinnabar-dark"] {
    --text-primary: #FBEDE8;
    --text-secondary: #D9B4A8;
    --text-tertiary: #B48C80;
    --background-primary: #0D0706;
    --background-secondary: #170C0A;
    --background-dots: #231310;
    --background-modal: rgba(13, 7, 6, 0.9);
    --border-primary: #3C1C17;
    --border-secondary: #2A1410;
    --accent-success: #6FD8A0;
    --accent-primary: #F0503A;
    --accent-warning: #E8B64C;
    --accent-error: #FF8A9A;
    --accent-info: #8FB4F4;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(163deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.15;
    --theme-sheen: 0.95;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: gloss-cinnabar-light */
html[data-theme="gloss-cinnabar-light"] {
    --text-primary: #2A0F0A;
    --text-secondary: #5E2E24;
    --text-tertiary: #7A4A40;
    --background-primary: #FCF5F2;
    --background-secondary: #F6E8E3;
    --background-dots: #ECD5CD;
    --background-modal: rgba(252, 245, 242, 0.92);
    --border-primary: #E0BDB2;
    --border-secondary: #F0DDD6;
    --accent-success: #1F7048;
    --accent-primary: #B8260F;
    --accent-warning: #8A5A00;
    --accent-error: #9C1B3A;
    --accent-info: #2E57B0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(163deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.15;
    --theme-sheen: 0.95;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: gloss-emerald-enamel-dark */
html[data-theme="gloss-emerald-enamel-dark"] {
    --text-primary: #E8FFF4;
    --text-secondary: #A8E3C7;
    --text-tertiary: #78B89A;
    --background-primary: #04110C;
    --background-secondary: #0A1C15;
    --background-dots: #11291F;
    --background-modal: rgba(4, 17, 12, 0.9);
    --border-primary: #1B3D2F;
    --border-secondary: #11291F;
    --accent-success: #2EE89A;
    --accent-primary: #2EE89A;
    --accent-warning: #F5C84C;
    --accent-error: #FF6B6B;
    --accent-info: #E3C06A;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(102deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 42%, transparent 69%), linear-gradient(174deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.1;
    --theme-sheen: 0.85;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-emerald-enamel-light */
html[data-theme="gloss-emerald-enamel-light"] {
    --text-primary: #06261A;
    --text-secondary: #245440;
    --text-tertiary: #3A6A56;
    --background-primary: #F1FBF6;
    --background-secondary: #E2F5EB;
    --background-dots: #CBEBDB;
    --background-modal: rgba(241, 251, 246, 0.92);
    --border-primary: #B3DEC8;
    --border-secondary: #D4EEE0;
    --accent-success: #0A7046;
    --accent-primary: #0A7046;
    --accent-warning: #835A00;
    --accent-error: #A8231C;
    --accent-info: #7A5A00;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(102deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 42%, transparent 69%), linear-gradient(174deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.1;
    --theme-sheen: 0.75;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-jade-dark */
html[data-theme="gloss-jade-dark"] {
    --text-primary: #E6FAF1;
    --text-secondary: #A8D6C2;
    --text-tertiary: #80B09C;
    --background-primary: #06110D;
    --background-secondary: #0B1A14;
    --background-dots: #12271E;
    --background-modal: rgba(6, 17, 13, 0.9);
    --border-primary: #1E4032;
    --border-secondary: #152E24;
    --accent-success: #9BE36B;
    --accent-primary: #3FC49A;
    --accent-warning: #F2C45A;
    --accent-error: #FF7F86;
    --accent-info: #7FB8FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 62deg at 23% -10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0deg, transparent 140deg, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 300deg, transparent 360deg), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.7;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.85;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-jade-light */
html[data-theme="gloss-jade-light"] {
    --text-primary: #0A2419;
    --text-secondary: #2B5040;
    --text-tertiary: #476B5B;
    --background-primary: #F1FAF6;
    --background-secondary: #E3F3EC;
    --background-dots: #CDE7DB;
    --background-modal: rgba(241, 250, 246, 0.92);
    --border-primary: #B0D6C4;
    --border-secondary: #D6ECE2;
    --accent-success: #3A7A10;
    --accent-primary: #0B7A57;
    --accent-warning: #8A5700;
    --accent-error: #B02C3A;
    --accent-info: #2458B0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 62deg at 23% -10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0deg, transparent 140deg, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 300deg, transparent 360deg), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.7;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.85;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-liquid-chrome-dark */
html[data-theme="gloss-liquid-chrome-dark"] {
    --text-primary: #F2F4F7;
    --text-secondary: #BCC2CC;
    --text-tertiary: #8E95A1;
    --background-primary: #0C0D10;
    --background-secondary: #16181D;
    --background-dots: #22252C;
    --background-modal: rgba(12, 13, 16, 0.9);
    --border-primary: #30343C;
    --border-secondary: #20232A;
    --accent-success: #7FD1B9;
    --accent-primary: #C9D4E3;
    --accent-warning: #E8C170;
    --accent-error: #F07A7A;
    --accent-info: oklch(0.866 0.024 275);
    --accent-vivid: oklch(0.8 0.13 275);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(34deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 47%, transparent 74%), linear-gradient(194deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 1;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-liquid-chrome-light */
html[data-theme="gloss-liquid-chrome-light"] {
    --text-primary: #15171B;
    --text-secondary: #464B54;
    --text-tertiary: #62686F;
    --background-primary: #F5F6F8;
    --background-secondary: #EBEDF1;
    --background-dots: #DADDE3;
    --background-modal: rgba(245, 246, 248, 0.92);
    --border-primary: #C9CDD5;
    --border-secondary: #E0E3E8;
    --accent-success: #2A7355;
    --accent-primary: #434E60;
    --accent-warning: #855C00;
    --accent-error: #B03636;
    --accent-info: oklch(0.421 0.033 275);
    --accent-vivid: oklch(0.45 0.13 275);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(34deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 47%, transparent 74%), linear-gradient(194deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.3;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.8;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-neon-tide-dark */
html[data-theme="gloss-neon-tide-dark"] {
    --text-primary: #E6FBFF;
    --text-secondary: #9FE3F0;
    --text-tertiary: #6DB3C2;
    --background-primary: #030B14;
    --background-secondary: #071726;
    --background-dots: #0C2236;
    --background-modal: rgba(3, 11, 20, 0.9);
    --border-primary: #12345A;
    --border-secondary: #0C2540;
    --accent-success: #00F0D0;
    --accent-primary: #00F0D0;
    --accent-warning: #FFD23F;
    --accent-error: #FF3EA5;
    --accent-info: #B26BFF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(175deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.8;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-neon-tide-light */
html[data-theme="gloss-neon-tide-light"] {
    --text-primary: #032027;
    --text-secondary: #1C4D57;
    --text-tertiary: #35636D;
    --background-primary: #F0FBFC;
    --background-secondary: #DFF5F7;
    --background-dots: #C4EAEE;
    --background-modal: rgba(240, 251, 252, 0.92);
    --border-primary: #A8DDE3;
    --border-secondary: #CDEDF0;
    --accent-success: #006E62;
    --accent-primary: #006E62;
    --accent-warning: #835800;
    --accent-error: #A5165F;
    --accent-info: oklch(0.483 0.087 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(175deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.75;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-obsidian-mirror-dark */
html[data-theme="gloss-obsidian-mirror-dark"] {
    --text-primary: #EEF4FA;
    --text-secondary: #AFC0D2;
    --text-tertiary: #7F93AA;
    --background-primary: #07090D;
    --background-secondary: #0F141C;
    --background-dots: #18202B;
    --background-modal: rgba(7, 9, 13, 0.9);
    --border-primary: #243041;
    --border-secondary: #18212D;
    --accent-success: #3EE6A6;
    --accent-primary: #5CE1FF;
    --accent-warning: #FFC857;
    --accent-error: #FF6B8A;
    --accent-info: oklch(0.848 0.122 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 161deg at 23% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 341deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.9;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-obsidian-mirror-light */
html[data-theme="gloss-obsidian-mirror-light"] {
    --text-primary: #0E1620;
    --text-secondary: #3A4A5C;
    --text-tertiary: #56677A;
    --background-primary: #F3F7FB;
    --background-secondary: #E7EEF6;
    --background-dots: #D5E0EC;
    --background-modal: rgba(243, 247, 251, 0.92);
    --border-primary: #C3D1E0;
    --border-secondary: #DCE5EF;
    --accent-success: #0B7A50;
    --accent-primary: #0A6E94;
    --accent-warning: #8A5A00;
    --accent-error: #B82C4A;
    --accent-info: oklch(0.506 0.1 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 161deg at 23% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 341deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-pearl-dark */
html[data-theme="gloss-pearl-dark"] {
    --text-primary: #F7F1FB;
    --text-secondary: #D2C4DE;
    --text-tertiary: #A698B4;
    --background-primary: #141019;
    --background-secondary: #1E1826;
    --background-dots: #2A2234;
    --background-modal: rgba(20, 16, 25, 0.9);
    --border-primary: #3A3048;
    --border-secondary: #2A2234;
    --accent-success: #7FE0C2;
    --accent-primary: #C4A2FF;
    --accent-warning: #F2C879;
    --accent-error: #FF8FAE;
    --accent-info: oklch(0.777 0.134 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(circle at 11% 10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(64px * var(--bd-scale, 1))), linear-gradient(164deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.9;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.85;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-pearl-light */
html[data-theme="gloss-pearl-light"] {
    --text-primary: #231B29;
    --text-secondary: #544860;
    --text-tertiary: #6C6078;
    --background-primary: #FBF8FB;
    --background-secondary: #F3EEF5;
    --background-dots: #E6DEEB;
    --background-modal: rgba(251, 248, 251, 0.92);
    --border-primary: #D9CEE0;
    --border-secondary: #EAE3EE;
    --accent-success: #257A5D;
    --accent-primary: #7A48C4;
    --accent-warning: #835800;
    --accent-error: #AB3055;
    --accent-info: #2F6EAD;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(circle at 11% 10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(64px * var(--bd-scale, 1))), linear-gradient(164deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.11;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.9;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-rose-gold-dark */
html[data-theme="gloss-rose-gold-dark"] {
    --text-primary: #FFF1EC;
    --text-secondary: #EBC2B6;
    --text-tertiary: #BA948A;
    --background-primary: #140C0C;
    --background-secondary: #201414;
    --background-dots: #2E1D1C;
    --background-modal: rgba(20, 12, 12, 0.9);
    --border-primary: #43292A;
    --border-secondary: #2E1D1C;
    --accent-success: #9ED6B0;
    --accent-primary: #F2A68C;
    --accent-warning: #F5CC7A;
    --accent-error: #FF7B7B;
    --accent-info: oklch(0.793 0.098 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(120% 88% at 22% 18%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 83% 19%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.9;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.9;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-rose-gold-light */
html[data-theme="gloss-rose-gold-light"] {
    --text-primary: #2A1511;
    --text-secondary: #613A30;
    --text-tertiary: #7A5046;
    --background-primary: #FFF6F2;
    --background-secondary: #FBEAE3;
    --background-dots: #F2D6CB;
    --background-modal: rgba(255, 246, 242, 0.92);
    --border-primary: #E8C3B5;
    --border-secondary: #F3DDD4;
    --accent-success: #28704A;
    --accent-primary: #9A4833;
    --accent-warning: #835800;
    --accent-error: #A82A35;
    --accent-info: oklch(0.502 0.115 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(120% 88% at 22% 18%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 83% 19%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.8;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-sapphire-night-dark */
html[data-theme="gloss-sapphire-night-dark"] {
    --text-primary: #EAF0FF;
    --text-secondary: #AFC0F2;
    --text-tertiary: #8093CC;
    --background-primary: #050A1A;
    --background-secondary: #0B1330;
    --background-dots: #131E45;
    --background-modal: rgba(5, 10, 26, 0.9);
    --border-primary: #1F2E62;
    --border-secondary: #141F48;
    --accent-success: #3FD9A6;
    --accent-primary: #6A9DFF;
    --accent-warning: #FFC14D;
    --accent-error: #FF6384;
    --accent-info: #9FD8FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.9;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-sapphire-night-light */
html[data-theme="gloss-sapphire-night-light"] {
    --text-primary: #0B1638;
    --text-secondary: #2F3F75;
    --text-tertiary: #4A5990;
    --background-primary: #F2F5FF;
    --background-secondary: #E4EAFD;
    --background-dots: #CFD9FA;
    --background-modal: rgba(242, 245, 255, 0.92);
    --border-primary: #B9C7F2;
    --border-secondary: #D6DFFA;
    --accent-success: #0D7050;
    --accent-primary: #1F4CC4;
    --accent-warning: #835800;
    --accent-error: #B02A48;
    --accent-info: oklch(0.467 0.194 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.75;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-ultraviolet-dark */
html[data-theme="gloss-ultraviolet-dark"] {
    --text-primary: #F4EEFF;
    --text-secondary: #C9B7F2;
    --text-tertiary: #9D8ACC;
    --background-primary: #0B0615;
    --background-secondary: #140B26;
    --background-dots: #1E1238;
    --background-modal: rgba(11, 6, 21, 0.9);
    --border-primary: #2E1C52;
    --border-secondary: #1F1239;
    --accent-success: #4BE3B3;
    --accent-primary: #B383FF;
    --accent-warning: #FFCB5C;
    --accent-error: #FF5C93;
    --accent-info: #5CC8FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 114deg at 34% 26%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 294deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(163deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.85;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gloss-ultraviolet-light */
html[data-theme="gloss-ultraviolet-light"] {
    --text-primary: #1A0E33;
    --text-secondary: #45327A;
    --text-tertiary: #5C4B92;
    --background-primary: #F7F3FF;
    --background-secondary: #EDE5FE;
    --background-dots: #DCCFFB;
    --background-modal: rgba(247, 243, 255, 0.92);
    --border-primary: #C8B6F4;
    --border-secondary: #E2D8FB;
    --accent-success: #0D7050;
    --accent-primary: #5F29C4;
    --accent-warning: #835800;
    --accent-error: #AC2659;
    --accent-info: oklch(0.457 0.219 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 114deg at 34% 26%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 294deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(163deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.8;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: graphite-prism-dark */
html[data-theme="graphite-prism-dark"] {
    --text-primary: #E0E0E8;
    --text-secondary: #B8B8C8;
    --text-tertiary: #9898A8;
    --background-primary: #101014;
    --background-secondary: #181820;
    --background-dots: #242430;
    --background-modal: rgba(16, 16, 20, 0.88);
    --border-primary: #FF6B8A;
    --border-secondary: #6B8AFF;
    --accent-success: #78FFAA;
    --accent-primary: #FF6B8A;
    --accent-warning: #FFD060;
    --accent-error: #FF7080;
    --accent-info: oklch(0.718 0.181 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 66deg at 49% 26%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 246deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.69;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.45;
    --theme-surface-step: 1.13;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: graphite-prism-light */
html[data-theme="graphite-prism-light"] {
    --text-primary: #282830;
    --text-secondary: #585868;
    --text-tertiary: #787888;
    --background-primary: #F8F8FA;
    --background-secondary: #EEEEF2;
    --background-dots: #E0E0E8;
    --background-modal: rgba(248, 248, 250, 0.92);
    --border-primary: #E879A8;
    --border-secondary: #7888E8;
    --accent-success: #059669;
    --accent-primary: #C93A62;
    --accent-warning: #D97706;
    --accent-error: #BE123C;
    --accent-info: oklch(0.57 0.18 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 66deg at 49% 26%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 246deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.77;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.18;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: graphite-twill-dark */
html[data-theme="graphite-twill-dark"] {
    --text-primary: #EBEEF2;
    --text-secondary: #B2B9C2;
    --text-tertiary: #8B939D;
    --background-primary: #0A0C0F;
    --background-secondary: #121519;
    --background-dots: #1C2026;
    --background-modal: rgba(10, 12, 15, 0.9);
    --border-primary: #2C323A;
    --border-secondary: #1F242B;
    --accent-success: #6FD1A8;
    --accent-primary: #5AA9E6;
    --accent-warning: #F0BE5E;
    --accent-error: #F07C7C;
    --accent-info: #B49CF2;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(18px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(18px * var(--bd-scale, 1))), linear-gradient(183deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.81;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.13;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 30deg;
    --theme-grain-scale: 0.75;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: graphite-twill-light */
html[data-theme="graphite-twill-light"] {
    --text-primary: #14181D;
    --text-secondary: #3E454E;
    --text-tertiary: #5A626B;
    --background-primary: #F5F6F8;
    --background-secondary: #EBEDF0;
    --background-dots: #DCDFE4;
    --background-modal: rgba(245, 246, 248, 0.92);
    --border-primary: #C7CCD3;
    --border-secondary: #E2E5E9;
    --accent-success: #1C6E4C;
    --accent-primary: #17629E;
    --accent-warning: #855400;
    --accent-error: #A83232;
    --accent-info: #5C44B0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(18px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(18px * var(--bd-scale, 1))), linear-gradient(183deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.91;
    --theme-surface-blur: 6px;
    --theme-surface-glow: 0.07;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 30deg;
    --theme-grain-scale: 0.75;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gray-dark */
html[data-theme="gray-dark"] {
    --text-primary: #E5E7EB;
    --text-secondary: #C4C8D0;
    --text-tertiary: #9CA3AF;
    --background-primary: #111827;
    --background-secondary: #1F2937;
    --background-dots: #2B3544;
    --background-modal: rgba(17, 24, 39, 0.9);
    --border-primary: #374151;
    --border-secondary: #2B3544;
    --accent-success: #6EE7A8;
    --accent-primary: #60A5FA;
    --accent-warning: #F2C265;
    --accent-error: #F58A8A;
    --accent-info: #F59E0B;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(30% 24% at 80% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 31% 0, 29% 0, 7% 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.48;
    --theme-surface-step: 1.15;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: gray-light */
html[data-theme="gray-light"] {
    --text-primary: #1F2937;
    --text-secondary: #333D4B;
    --text-tertiary: #4B5563;
    --background-primary: #F3F4F6;
    --background-secondary: #F9FAFB;
    --background-dots: #E5E8EB;
    --background-modal: rgba(243, 244, 246, 0.92);
    --border-primary: #D1D5DB;
    --border-secondary: #E5E8EB;
    --accent-success: #15803D;
    --accent-primary: #1D4ED8;
    --accent-warning: #92600A;
    --accent-error: #B42323;
    --accent-info: #B45309;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(30% 24% at 80% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 31% 0, 29% 0, 7% 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.34;
    --theme-surface-step: 1.2;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: great-wave-dark */
html[data-theme="great-wave-dark"] {
    --text-primary: #DCD7BA;
    --text-secondary: #C8C093;
    --text-tertiary: #727169;
    --background-primary: #1F1F28;
    --background-secondary: #2A2A37;
    --background-dots: #363646;
    --background-modal: rgba(31, 31, 40, 0.9);
    --border-primary: #54546D;
    --border-secondary: #363646;
    --accent-success: #98BB6C;
    --accent-primary: #7E9CD8;
    --accent-warning: #E6C384;
    --accent-error: #E82424;
    --accent-info: oklch(0.694 0.095 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(171deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.15;
    --theme-surface-step: 1.31;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1;
    --theme-sheen: 0.6;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: great-wave-light */
html[data-theme="great-wave-light"] {
    --text-primary: #45403D;
    --text-secondary: #54544F;
    --text-tertiary: #8A8980;
    --background-primary: #F2ECBC;
    --background-secondary: #EDE6B0;
    --background-dots: #E0D8A0;
    --background-modal: rgba(242, 236, 188, 0.92);
    --border-primary: #D9D0A0;
    --border-secondary: #C3B98A;
    --accent-success: #6F894E;
    --accent-primary: #4D699B;
    --accent-warning: #A16D00;
    --accent-error: #C84053;
    --accent-info: oklch(0.521 0.086 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(171deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.48;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1;
    --theme-sheen: 0.6;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: gunmetal-bronze-dark */
html[data-theme="gunmetal-bronze-dark"] {
    --text-primary: #EFEDEA;
    --text-secondary: #C0BAB2;
    --text-tertiary: #99928A;
    --background-primary: #0C0D0E;
    --background-secondary: #151618;
    --background-dots: #202224;
    --background-modal: rgba(12, 13, 14, 0.9);
    --border-primary: #33363A;
    --border-secondary: #26282B;
    --accent-success: #7FC8A0;
    --accent-primary: #CD8B4E;
    --accent-warning: #E8C06A;
    --accent-error: #E87A6E;
    --accent-info: #8EB0E6;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), radial-gradient(70% 60% at 41% 16%, color-mix(in srgb, var(--accent-primary) min(100%, calc(46% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 55% at 74% 31%, color-mix(in srgb, var(--accent-error) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(55% 45% at 50% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(162deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.78;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.15;
    --theme-surface-step: 1.05;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.55;
    --theme-sheen: 0.3;
    --theme-grain-angle: 110deg;
    --theme-grain-scale: 0.6;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: gunmetal-bronze-light */
html[data-theme="gunmetal-bronze-light"] {
    --text-primary: #1A1917;
    --text-secondary: #48443F;
    --text-tertiary: #625D57;
    --background-primary: #F6F5F3;
    --background-secondary: #ECEAE7;
    --background-dots: #DDDAD5;
    --background-modal: rgba(246, 245, 243, 0.92);
    --border-primary: #C9C4BD;
    --border-secondary: #E3E0DB;
    --accent-success: #246A48;
    --accent-primary: #8A4A10;
    --accent-warning: #7A5200;
    --accent-error: #A83A2E;
    --accent-info: #2E56A0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), radial-gradient(70% 60% at 41% 16%, color-mix(in srgb, var(--accent-primary) min(100%, calc(46% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 55% at 74% 31%, color-mix(in srgb, var(--accent-error) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(55% 45% at 50% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(162deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.87;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.55;
    --theme-sheen: 0.3;
    --theme-grain-angle: 110deg;
    --theme-grain-scale: 0.6;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: harbour-fog-dark */
html[data-theme="harbour-fog-dark"] {
    --text-primary: #DEE6EC;
    --text-secondary: #A8B8C4;
    --text-tertiary: #788894;
    --background-primary: #101418;
    --background-secondary: #1A2026;
    --background-dots: #242E36;
    --background-modal: rgba(16, 20, 24, 0.9);
    --border-primary: #3E4E5A;
    --border-secondary: #2A3640;
    --accent-success: #68C0A0;
    --accent-primary: #8FA8BC;
    --accent-warning: #FF8C42;
    --accent-error: #E4606E;
    --accent-info: oklch(0.719 0.04 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 38%), radial-gradient(140% 60% at 93% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(191deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.7;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.13;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: harbour-fog-light */
html[data-theme="harbour-fog-light"] {
    --text-primary: #1C242C;
    --text-secondary: #3E4E5A;
    --text-tertiary: #647482;
    --background-primary: #F5F7F9;
    --background-secondary: #E9EEF2;
    --background-dots: #D6DEE6;
    --background-modal: rgba(245, 247, 249, 0.93);
    --border-primary: #BCC8D2;
    --border-secondary: #98A8B6;
    --accent-success: #0F766E;
    --accent-primary: #43606E;
    --accent-warning: #C2410C;
    --accent-error: #BE123C;
    --accent-info: oklch(0.472 0.041 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 38%), radial-gradient(140% 60% at 93% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(191deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.77;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.15;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: hermetic-teal-dark */
html[data-theme="hermetic-teal-dark"] {
    --text-primary: #E4F0FB;
    --text-secondary: #A6ACCD;
    --text-tertiary: #767C9D;
    --background-primary: #1B1E28;
    --background-secondary: #252B37;
    --background-dots: #2F3545;
    --background-modal: rgba(27, 30, 40, 0.9);
    --border-primary: #3B4252;
    --border-secondary: #2C3241;
    --accent-success: #5FB3A1;
    --accent-primary: #5DE4C7;
    --accent-warning: #FFFAC2;
    --accent-error: #D0679D;
    --accent-info: oklch(0.837 0.125 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), radial-gradient(circle at 65% 46%, transparent 0, transparent 16%, color-mix(in srgb, var(--accent-success) min(100%, calc(44% * var(--bd-strength, 1))), transparent) 17%, transparent 18.2%), radial-gradient(75% 65% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 60% at 100% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(170deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.6;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.35;
    --theme-surface-step: 1.16;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: hermetic-teal-light */
html[data-theme="hermetic-teal-light"] {
    --text-primary: #242637;
    --text-secondary: #3B3F55;
    --text-tertiary: #6A6F8A;
    --background-primary: #FBFBFE;
    --background-secondary: #F1F2F8;
    --background-dots: #E5E7F0;
    --background-modal: rgba(251, 251, 254, 0.92);
    --border-primary: #DFE1EC;
    --border-secondary: #C6C9DA;
    --accent-success: #2F7A6C;
    --accent-primary: #00796B;
    --accent-warning: #8A7A00;
    --accent-error: #B03C74;
    --accent-info: oklch(0.517 0.093 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), radial-gradient(circle at 65% 46%, transparent 0, transparent 16%, color-mix(in srgb, var(--accent-success) min(100%, calc(44% * var(--bd-strength, 1))), transparent) 17%, transparent 18.2%), radial-gradient(75% 65% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 60% at 100% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(170deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.66;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.13;
    --theme-surface-step: 1.16;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: hoarfrost-dark */
html[data-theme="hoarfrost-dark"] {
    --text-primary: #EEF5FB;
    --text-secondary: #B6C6D6;
    --text-tertiary: #8C9EB0;
    --background-primary: #0A0F14;
    --background-secondary: #111820;
    --background-dots: #1A242E;
    --background-modal: rgba(10, 15, 20, 0.9);
    --border-primary: #2A3846;
    --border-secondary: #1E2A36;
    --accent-success: #8FE3C4;
    --accent-primary: #8FD3FF;
    --accent-warning: #F0CC80;
    --accent-error: #F29A9A;
    --accent-info: #B8A8FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 35px 100px, 18px 68px, 104px 94px, 0 0;
    --theme-surface-alpha: 0.78;
    --theme-surface-blur: 30px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.25;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: hoarfrost-light */
html[data-theme="hoarfrost-light"] {
    --text-primary: #101A24;
    --text-secondary: #3A4A5A;
    --text-tertiary: #566676;
    --background-primary: #F7FAFD;
    --background-secondary: #EDF3F9;
    --background-dots: #DDE7F1;
    --background-modal: rgba(247, 250, 253, 0.92);
    --border-primary: #C8D6E4;
    --border-secondary: #E3EBF4;
    --accent-success: #1E6E54;
    --accent-primary: #1C6AA4;
    --accent-warning: #855800;
    --accent-error: #A83838;
    --accent-info: #5040B0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 35px 100px, 18px 68px, 104px 94px, 0 0;
    --theme-surface-alpha: 0.78;
    --theme-surface-blur: 30px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.25;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: horizon-glow-dark */
html[data-theme="horizon-glow-dark"] {
    --text-primary: #FDF0ED;
    --text-secondary: #D5B0AB;
    --text-tertiary: #8A7472;
    --background-primary: #1C1E26;
    --background-secondary: #232530;
    --background-dots: #2E303E;
    --background-modal: rgba(28, 30, 38, 0.9);
    --border-primary: #3D3F4C;
    --border-secondary: #2E303E;
    --accent-success: #29D398;
    --accent-primary: #E95678;
    --accent-warning: #FAB795;
    --accent-error: #F43E5C;
    --accent-info: oklch(0.656 0.183 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(181deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 43%), radial-gradient(140% 60% at 71% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(167deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 25px;
    --theme-surface-glow: 0.7;
    --theme-surface-step: 1.14;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: horizon-glow-light */
html[data-theme="horizon-glow-light"] {
    --text-primary: #33323E;
    --text-secondary: #4A4857;
    --text-tertiary: #6F6C7C;
    --background-primary: #FDF0ED;
    --background-secondary: #F7E6E1;
    --background-dots: #EED8D2;
    --background-modal: rgba(253, 240, 237, 0.92);
    --border-primary: #E7CFC9;
    --border-secondary: #D3B4AD;
    --accent-success: #118A66;
    --accent-primary: #C1395E;
    --accent-warning: #A66A38;
    --accent-error: #D42E4C;
    --accent-info: oklch(0.554 0.173 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(181deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 43%), radial-gradient(140% 60% at 71% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(167deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.2;
    --theme-surface-step: 1.29;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: iceberg-drift-dark */
html[data-theme="iceberg-drift-dark"] {
    --text-primary: #C6C8D1;
    --text-secondary: #A3A8B8;
    --text-tertiary: #6B7089;
    --background-primary: #161821;
    --background-secondary: #1E2132;
    --background-dots: #272B3E;
    --background-modal: rgba(22, 24, 33, 0.9);
    --border-primary: #3A3F55;
    --border-secondary: #272B3E;
    --accent-success: #B4BE82;
    --accent-primary: #84A0C6;
    --accent-warning: #E2A478;
    --accent-error: #E27878;
    --accent-info: oklch(0.698 0.064 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse at 32% 26%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), repeating-radial-gradient(ellipse at 89% 66%, color-mix(in srgb, var(--accent-error) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(26px * var(--bd-scale, 1))), linear-gradient(168deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.6;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.17;
    --theme-surface-step: 1.33;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: iceberg-drift-light */
html[data-theme="iceberg-drift-light"] {
    --text-primary: #33374C;
    --text-secondary: #454B66;
    --text-tertiary: #6B7089;
    --background-primary: #E8E9EC;
    --background-secondary: #DFE1E6;
    --background-dots: #D2D4DC;
    --background-modal: rgba(232, 233, 236, 0.92);
    --border-primary: #CBCDD6;
    --border-secondary: #B4B7C4;
    --accent-success: #668E3D;
    --accent-primary: #2D539E;
    --accent-warning: #976100;
    --accent-error: #CC517A;
    --accent-info: oklch(0.456 0.13 245);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse at 32% 26%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), repeating-radial-gradient(ellipse at 89% 66%, color-mix(in srgb, var(--accent-error) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(26px * var(--bd-scale, 1))), linear-gradient(168deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.66;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.24;
    --theme-surface-step: 1.4;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: indigo-letterpress-dark */
html[data-theme="indigo-letterpress-dark"] {
    --text-primary: #EEF1FA;
    --text-secondary: #B4BEDC;
    --text-tertiary: #8C98BA;
    --background-primary: #070A14;
    --background-secondary: #0D1220;
    --background-dots: #151C30;
    --background-modal: rgba(7, 10, 20, 0.9);
    --border-primary: #23304E;
    --border-secondary: #18223A;
    --accent-success: #88D6A8;
    --accent-primary: #8FA6FF;
    --accent-warning: #F0C878;
    --accent-error: #F48C8C;
    --accent-info: #6FD0E0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(9px * var(--bd-scale, 1))), radial-gradient(90% 70% at 5% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.06;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.3;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.14em;
    --theme-label-weight: 700;
}

/* Built-in Theme: indigo-letterpress-light */
html[data-theme="indigo-letterpress-light"] {
    --text-primary: #0E1638;
    --text-secondary: #33406A;
    --text-tertiary: #4F5A82;
    --background-primary: #FBFAF6;
    --background-secondary: #F2F0E8;
    --background-dots: #E4E1D5;
    --background-modal: rgba(251, 250, 246, 0.92);
    --border-primary: #D0CCBE;
    --border-secondary: #EAE7DD;
    --accent-success: #1F6A44;
    --accent-primary: #2A3FB0;
    --accent-warning: #825400;
    --accent-error: #A8302E;
    --accent-info: #0A6A7A;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(9px * var(--bd-scale, 1))), radial-gradient(90% 70% at 5% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.05;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.3;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.14em;
    --theme-label-weight: 700;
}

/* Built-in Theme: iris-meadow-dark */
html[data-theme="iris-meadow-dark"] {
    --text-primary: #E8E4FA;
    --text-secondary: #B4AEE8;
    --text-tertiary: #8A86B0;
    --background-primary: #0C0E16;
    --background-secondary: #161A26;
    --background-dots: #222840;
    --background-modal: rgba(12, 14, 22, 0.9);
    --border-primary: #4A4E86;
    --border-secondary: #32365E;
    --accent-success: #72C88E;
    --accent-primary: #9B92F0;
    --accent-warning: #E4B84E;
    --accent-error: #E8708E;
    --accent-info: oklch(0.706 0.135 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(120% 88% at 20% 7%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 64% 22%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(161deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.55;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: iris-meadow-light */
html[data-theme="iris-meadow-light"] {
    --text-primary: #1E2038;
    --text-secondary: #43467E;
    --text-tertiary: #6A6EA6;
    --background-primary: #F8F8FE;
    --background-secondary: #EEEEFA;
    --background-dots: #DCDCF2;
    --background-modal: rgba(248, 248, 254, 0.93);
    --border-primary: #C0C0E8;
    --border-secondary: #9E9ED2;
    --accent-success: #15803D;
    --accent-primary: #4A4E86;
    --accent-warning: #A16207;
    --accent-error: #BE123C;
    --accent-info: oklch(0.447 0.091 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(120% 88% at 20% 7%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 64% 22%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(161deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.17;
    --theme-surface-step: 1.14;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: iron-gall-dark */
html[data-theme="iron-gall-dark"] {
    --text-primary: #F3ECE0;
    --text-secondary: #C8B9A2;
    --text-tertiary: #A0907A;
    --background-primary: #0E0B08;
    --background-secondary: #17130E;
    --background-dots: #221C15;
    --background-modal: rgba(14, 11, 8, 0.9);
    --border-primary: #362C21;
    --border-secondary: #282017;
    --accent-success: #9CC88A;
    --accent-primary: #C89A5C;
    --accent-warning: #E8C070;
    --accent-error: #E88070;
    --accent-info: #98B0D8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(21px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(29px * var(--bd-scale, 1))), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.4;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.04em;
    --theme-label-weight: 600;
}

/* Built-in Theme: iron-gall-light */
html[data-theme="iron-gall-light"] {
    --text-primary: #2A1E12;
    --text-secondary: #5A4834;
    --text-tertiary: #75624C;
    --background-primary: #FAF6EE;
    --background-secondary: #F1EBDE;
    --background-dots: #E4DBC8;
    --background-modal: rgba(250, 246, 238, 0.92);
    --border-primary: #D1C4AA;
    --border-secondary: #EAE1CF;
    --accent-success: #3A6428;
    --accent-primary: #8A5520;
    --accent-warning: #7A5000;
    --accent-error: #A8362A;
    --accent-info: #3A5890;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(21px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(29px * var(--bd-scale, 1))), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.14;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.4;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.04em;
    --theme-label-weight: 600;
}

/* Built-in Theme: jungle-neon-dark */
html[data-theme="jungle-neon-dark"] {
    --text-primary: #F8F8F2;
    --text-secondary: #CFCFC2;
    --text-tertiary: #75715E;
    --background-primary: #272822;
    --background-secondary: #31322C;
    --background-dots: #3E3D32;
    --background-modal: rgba(39, 40, 34, 0.9);
    --border-primary: #49483E;
    --border-secondary: #3E3D32;
    --accent-success: #A6E22E;
    --accent-primary: #A6E22E;
    --accent-warning: #E6DB74;
    --accent-error: #F92672;
    --accent-info: oklch(0.841 0.204 245);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(122deg, color-mix(in srgb, var(--accent-error) min(100%, calc(36% * var(--bd-strength, 1))), transparent) 0%, transparent 46%, color-mix(in srgb, var(--accent-success) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(168deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.18;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: jungle-neon-light */
html[data-theme="jungle-neon-light"] {
    --text-primary: #2D2E27;
    --text-secondary: #49483E;
    --text-tertiary: #75715E;
    --background-primary: #FAFAF5;
    --background-secondary: #F2F2E8;
    --background-dots: #E4E4D6;
    --background-modal: rgba(250, 250, 245, 0.92);
    --border-primary: #DCDCCC;
    --border-secondary: #C8C8B4;
    --accent-success: #5F8700;
    --accent-primary: #5F8700;
    --accent-warning: #9A7D00;
    --accent-error: #C2185B;
    --accent-info: oklch(0.572 0.149 245);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(122deg, color-mix(in srgb, var(--accent-error) min(100%, calc(36% * var(--bd-strength, 1))), transparent) 0%, transparent 46%, color-mix(in srgb, var(--accent-success) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(168deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.23;
    --theme-surface-step: 1.21;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: kelp-drift-dark */
html[data-theme="kelp-drift-dark"] {
    --text-primary: #D1FAE5;
    --text-secondary: #86EFAC;
    --text-tertiary: #5C8570;
    --background-primary: #0C120F;
    --background-secondary: #141F19;
    --background-dots: #1A2E24;
    --background-modal: rgba(12, 18, 15, 0.88);
    --border-primary: #2E503D;
    --border-secondary: #1F3D2E;
    --accent-success: #22C55E;
    --accent-primary: #6EE7B7;
    --accent-warning: #EAB308;
    --accent-error: #F87171;
    --accent-info: oklch(0.845 0.13 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(188deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.83;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.18;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: kelp-drift-light */
html[data-theme="kelp-drift-light"] {
    --text-primary: #14532D;
    --text-secondary: #166534;
    --text-tertiary: #3D5A45;
    --background-primary: #F5FBF7;
    --background-secondary: #E8F5EC;
    --background-dots: #DCFCE7;
    --background-modal: rgba(245, 251, 247, 0.92);
    --border-primary: #BBF7D0;
    --border-secondary: #86EFAC;
    --accent-success: #15803D;
    --accent-primary: #15803D;
    --accent-warning: #A16207;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.527 0.137 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(188deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.91;
    --theme-surface-blur: 6px;
    --theme-surface-glow: 0.06;
    --theme-surface-step: 1.4;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: kevlar-weave-dark */
html[data-theme="kevlar-weave-dark"] {
    --text-primary: #F6F0D8;
    --text-secondary: #CFC49A;
    --text-tertiary: #A89E78;
    --background-primary: #0B0A06;
    --background-secondary: #14120B;
    --background-dots: #201D12;
    --background-modal: rgba(11, 10, 6, 0.9);
    --border-primary: #35301E;
    --border-secondary: #262214;
    --accent-success: #7FD48A;
    --accent-primary: #E8C547;
    --accent-warning: #F29B4C;
    --accent-error: #FF6B6B;
    --accent-info: #7FB0F0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), radial-gradient(70% 60% at 29% 16%, color-mix(in srgb, var(--accent-primary) min(100%, calc(46% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 55% at 75% 44%, color-mix(in srgb, var(--accent-error) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(55% 45% at 50% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(189deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.81;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.24;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0.25;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 0.9;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.08em;
    --theme-label-weight: 700;
}

/* Built-in Theme: kevlar-weave-light */
html[data-theme="kevlar-weave-light"] {
    --text-primary: #1F1C0C;
    --text-secondary: #4E4828;
    --text-tertiary: #6A6444;
    --background-primary: #FAF8EF;
    --background-secondary: #F1EEDC;
    --background-dots: #E3DEC2;
    --background-modal: rgba(250, 248, 239, 0.92);
    --border-primary: #D2CAA2;
    --border-secondary: #E8E3CC;
    --accent-success: #2A6A30;
    --accent-primary: #7A6400;
    --accent-warning: #9A4A00;
    --accent-error: #B0282A;
    --accent-info: #2C56A8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), radial-gradient(70% 60% at 29% 16%, color-mix(in srgb, var(--accent-primary) min(100%, calc(46% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 55% at 75% 44%, color-mix(in srgb, var(--accent-error) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(55% 45% at 50% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(189deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.91;
    --theme-surface-blur: 6px;
    --theme-surface-glow: 0.05;
    --theme-surface-step: 1.1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0.25;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 0.9;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.08em;
    --theme-label-weight: 700;
}

/* Built-in Theme: lavender-mist-dark */
html[data-theme="lavender-mist-dark"] {
    --text-primary: #F5F3FF;
    --text-secondary: #DDD6FE;
    --text-tertiary: #C4B5FD;
    --background-primary: #151224;
    --background-secondary: #1F1A34;
    --background-dots: #2A2350;
    --background-modal: rgba(21, 18, 36, 0.86);
    --border-primary: #4C3F73;
    --border-secondary: #362B55;
    --accent-success: #34D399;
    --accent-primary: #A5B4FC;
    --accent-warning: #FBBF24;
    --accent-error: #FB7185;
    --accent-info: oklch(0.785 0.104 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.59;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.22;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: lavender-mist-light */
html[data-theme="lavender-mist-light"] {
    --text-primary: #312E81;
    --text-secondary: #4338CA;
    --text-tertiary: #6366F1;
    --background-primary: #FAF9FF;
    --background-secondary: #F1EEFF;
    --background-dots: #E8E2FF;
    --background-modal: rgba(250, 249, 255, 0.9);
    --border-primary: #D7CCFF;
    --border-secondary: #C4B5FD;
    --accent-success: #059669;
    --accent-primary: #4F46E5;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.511 0.23 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.66;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.29;
    --theme-surface-step: 1.32;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: library-mahogany-dark */
html[data-theme="library-mahogany-dark"] {
    --text-primary: #F0E0C8;
    --text-secondary: #D8B888;
    --text-tertiary: #C8A878;
    --background-primary: #120A08;
    --background-secondary: #1E1210;
    --background-dots: #301E18;
    --background-modal: rgba(18, 10, 8, 0.90);
    --border-primary: #6B3028;
    --border-secondary: #502018;
    --accent-success: #D4AF37;
    --accent-primary: #E0895F;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.713 0.121 235);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(9px * var(--bd-scale, 1))), radial-gradient(90% 70% at 15% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(169deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.26;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: library-mahogany-light */
html[data-theme="library-mahogany-light"] {
    --text-primary: #3A2018;
    --text-secondary: #6B4030;
    --text-tertiary: #885848;
    --background-primary: #FAF4EC;
    --background-secondary: #F0E4D8;
    --background-dots: #E8D4C0;
    --background-modal: rgba(250, 244, 236, 0.92);
    --border-primary: #C8A090;
    --border-secondary: #B08878;
    --accent-success: #92400E;
    --accent-primary: #8C3A1E;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.456 0.119 215);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(9px * var(--bd-scale, 1))), radial-gradient(90% 70% at 15% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(169deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.16;
    --theme-surface-step: 1.19;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: licorice-layer-dark */
html[data-theme="licorice-layer-dark"] {
    --text-primary: #F0F0F0;
    --text-secondary: #D0D0D8;
    --text-tertiary: #C0C0C8;
    --background-primary: #0A0A0C;
    --background-secondary: #141418;
    --background-dots: #202028;
    --background-modal: rgba(10, 10, 12, 0.90);
    --border-primary: #FFB830;
    --border-secondary: #FF88CC;
    --accent-success: #88CCFF;
    --accent-primary: #FFB830;
    --accent-warning: #FFB830;
    --accent-error: #FF6688;
    --accent-info: oklch(0.828 0.16 160);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(70deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 39%, transparent 76%), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.51;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: licorice-layer-light */
html[data-theme="licorice-layer-light"] {
    --text-primary: #181820;
    --text-secondary: #484858;
    --text-tertiary: #686878;
    --background-primary: #FAFAFA;
    --background-secondary: #F0F0F4;
    --background-dots: #E4E4EC;
    --background-modal: rgba(250, 250, 250, 0.92);
    --border-primary: #F59E0B;
    --border-secondary: #E879A8;
    --accent-success: #0891B2;
    --accent-primary: #B45309;
    --accent-warning: #D97706;
    --accent-error: #BE123C;
    --accent-info: oklch(0.555 0.146 140);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(70deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 39%, transparent 76%), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.1;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: lime-soda-dark */
html[data-theme="lime-soda-dark"] {
    --text-primary: #F0FAE6;
    --text-secondary: #BCD8A8;
    --text-tertiary: #94B480;
    --background-primary: #0A120A;
    --background-secondary: #111C10;
    --background-dots: #1B2A18;
    --background-modal: rgba(10, 18, 10, 0.9);
    --border-primary: #2C4228;
    --border-secondary: #1F301C;
    --accent-success: #5EE0A8;
    --accent-primary: #B8F060;
    --accent-warning: #FFC857;
    --accent-error: #FF7F7F;
    --accent-info: #7FC8FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 96% 95%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 9% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 62% 41%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 42% 51%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 2% 78%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 11% 87%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 24% 77%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 33% 2%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 43% 84%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.5;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: lime-soda-light */
html[data-theme="lime-soda-light"] {
    --text-primary: #16240E;
    --text-secondary: #3E5230;
    --text-tertiary: #58704A;
    --background-primary: #F6FBEF;
    --background-secondary: #ECF5E0;
    --background-dots: #DCEACB;
    --background-modal: rgba(246, 251, 239, 0.92);
    --border-primary: #C6DCAE;
    --border-secondary: #E2EED4;
    --accent-success: #137045;
    --accent-primary: #3F7A00;
    --accent-warning: #8A5500;
    --accent-error: #B3302F;
    --accent-info: #1F5FA8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 96% 95%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 9% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 62% 41%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 42% 51%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 2% 78%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 11% 87%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 24% 77%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 33% 2%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 43% 84%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.5;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: look-berry-dark */
html[data-theme="look-berry-dark"] {
    --text-primary: #F9FFEF;
    --text-secondary: #C3CBBC;
    --text-tertiary: #9FA999;
    --background-primary: #08130F;
    --background-secondary: #192719;
    --background-dots: #203415;
    --background-modal: rgba(8, 19, 15, 0.9);
    --border-primary: #486824;
    --border-secondary: #243916;
    --accent-success: #00D68F;
    --accent-primary: #B6FF3C;
    --accent-warning: #FFC23C;
    --accent-error: #FF3CA8;
    --accent-info: oklch(0.919 0.224 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(106deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(50% * var(--bd-strength, 1))), transparent) 22%, transparent 56%), radial-gradient(60% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(195deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.2;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.75;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-berry-light */
html[data-theme="look-berry-light"] {
    --text-primary: #07110E;
    --text-secondary: #424A46;
    --text-tertiary: #69706C;
    --background-primary: #F9FFEF;
    --background-secondary: #FDFFF9;
    --background-dots: #F3FFE0;
    --background-modal: rgba(249, 255, 239, 0.92);
    --border-primary: #D2DFBB;
    --border-secondary: #F0FFD8;
    --accent-success: #008458;
    --accent-primary: #4F7E00;
    --accent-warning: #986800;
    --accent-error: #DF007C;
    --accent-info: oklch(0.538 0.147 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(106deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(50% * var(--bd-strength, 1))), transparent) 22%, transparent 56%), radial-gradient(60% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(195deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.2;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.75;
    --theme-surface-step: 1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-candy-burst-dark */
html[data-theme="look-candy-burst-dark"] {
    --text-primary: #FFF2FB;
    --text-secondary: #CDBDCA;
    --text-tertiary: #AB9AAA;
    --background-primary: #1A0820;
    --background-secondary: #2D1530;
    --background-dots: #3A1439;
    --background-modal: rgba(26, 8, 32, 0.9);
    --border-primary: #6C2B61;
    --border-secondary: #3F163C;
    --accent-success: #4DFFB8;
    --accent-primary: #FF5FD2;
    --accent-warning: #FFD23F;
    --accent-error: #FF4F6D;
    --accent-info: oklch(0.729 0.228 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 117deg at 68% 52%, color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-warning) min(100%, calc(56% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-success) min(100%, calc(48% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent)), radial-gradient(130% 110% at 50% 50%, transparent 40%, color-mix(in srgb, var(--background-primary) min(100%, calc(70% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.24;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.45;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.6;
    --theme-sheen: 0.5;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: lowercase;
    --theme-label-spacing: normal;
    --theme-label-weight: 800;
}

/* Built-in Theme: look-candy-burst-light */
html[data-theme="look-candy-burst-light"] {
    --text-primary: #17071D;
    --text-secondary: #4F4153;
    --text-tertiary: #746877;
    --background-primary: #FFF2FB;
    --background-secondary: #FFFAFE;
    --background-dots: #FFE5F8;
    --background-modal: rgba(255, 242, 251, 0.92);
    --border-primary: #F4BBE5;
    --border-secondary: #FFDFF6;
    --accent-success: #00804D;
    --accent-primary: #D40099;
    --accent-warning: #8B6B00;
    --accent-error: #E30027;
    --accent-info: oklch(0.579 0.246 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 117deg at 68% 52%, color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-warning) min(100%, calc(56% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-success) min(100%, calc(48% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent)), radial-gradient(130% 110% at 50% 50%, transparent 40%, color-mix(in srgb, var(--background-primary) min(100%, calc(70% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.24;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.45;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.6;
    --theme-sheen: 0.5;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: lowercase;
    --theme-label-spacing: normal;
    --theme-label-weight: 800;
}

/* Built-in Theme: look-cobalt-dark */
html[data-theme="look-cobalt-dark"] {
    --text-primary: #EFF4FF;
    --text-secondary: #B9BFCF;
    --text-tertiary: #969CAF;
    --background-primary: #040A24;
    --background-secondary: #101836;
    --background-dots: #0C1A43;
    --background-modal: rgba(4, 10, 36, 0.9);
    --border-primary: #1D3672;
    --border-secondary: #0D1C47;
    --accent-success: #3DE0FF;
    --accent-primary: #3D7BFF;
    --accent-warning: #FFCB3D;
    --accent-error: #FF4D6A;
    --accent-info: oklch(0.616 0.207 295);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.55;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.4;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.14em;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-cobalt-light */
html[data-theme="look-cobalt-light"] {
    --text-primary: #040920;
    --text-secondary: #3F4356;
    --text-tertiary: #666A79;
    --background-primary: #EFF4FF;
    --background-secondary: #F9FBFF;
    --background-dots: #E0EAFF;
    --background-modal: rgba(239, 244, 255, 0.92);
    --border-primary: #C0D4FF;
    --border-secondary: #D8E5FF;
    --accent-success: #00788F;
    --accent-primary: #145FFF;
    --accent-warning: #8F6800;
    --accent-error: #E10025;
    --accent-info: oklch(0.553 0.247 300);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.55;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.4;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.14em;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-confetti-dark */
html[data-theme="look-confetti-dark"] {
    --text-primary: #FFF1F8;
    --text-secondary: #CBBEC8;
    --text-tertiary: #A89BA7;
    --background-primary: #12101F;
    --background-secondary: #261B2E;
    --background-dots: #331931;
    --background-modal: rgba(18, 16, 31, 0.9);
    --border-primary: #672B51;
    --border-secondary: #381A34;
    --accent-success: #33E08A;
    --accent-primary: #FF4FA3;
    --accent-warning: #FFCF33;
    --accent-error: #FF5A3C;
    --accent-info: oklch(0.695 0.223 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 31% 34%, color-mix(in srgb, var(--accent-primary) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), transparent) 14%, transparent 30%), radial-gradient(circle at 93% 37%, color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-error) min(100%, calc(38% * var(--bd-strength, 1))), transparent) 16%, transparent 34%), radial-gradient(circle at 54% 83%, color-mix(in srgb, var(--accent-success) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 15%, transparent 32%), radial-gradient(circle at 94% 89%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(30% * var(--bd-strength, 1))), transparent) 9%, transparent 22%), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.22;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.4;
    --theme-surface-step: 1.05;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1;
    --theme-sheen: 0.45;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 800;
}

/* Built-in Theme: look-confetti-light */
html[data-theme="look-confetti-light"] {
    --text-primary: #100E1C;
    --text-secondary: #494752;
    --text-tertiary: #6D6A73;
    --background-primary: #FFF1F8;
    --background-secondary: #FFFAFC;
    --background-dots: #FFE3F0;
    --background-modal: rgba(255, 241, 248, 0.92);
    --border-primary: #F6BBD7;
    --border-secondary: #FFDCED;
    --accent-success: #13804A;
    --accent-primary: #D90067;
    --accent-warning: #8A6900;
    --accent-error: #DA2200;
    --accent-info: oklch(0.57 0.229 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 31% 34%, color-mix(in srgb, var(--accent-primary) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), transparent) 14%, transparent 30%), radial-gradient(circle at 93% 37%, color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-error) min(100%, calc(38% * var(--bd-strength, 1))), transparent) 16%, transparent 34%), radial-gradient(circle at 54% 83%, color-mix(in srgb, var(--accent-success) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 15%, transparent 32%), radial-gradient(circle at 94% 89%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(30% * var(--bd-strength, 1))), transparent) 9%, transparent 22%), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.22;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.4;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1;
    --theme-sheen: 0.45;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 800;
}

/* Built-in Theme: look-dusk-dark */
html[data-theme="look-dusk-dark"] {
    --text-primary: #FFF6F2;
    --text-secondary: #C9C1C2;
    --text-tertiary: #A59DA2;
    --background-primary: #0B0A1F;
    --background-secondary: #1F182A;
    --background-dots: #2D1C28;
    --background-modal: rgba(11, 10, 31, 0.9);
    --border-primary: #623A39;
    --border-secondary: #321E29;
    --accent-success: #507AFF;
    --accent-primary: #FF8A5C;
    --accent-warning: #FFCF5C;
    --accent-error: #C341FF;
    --accent-info: oklch(0.753 0.155 175);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 127deg at 20% 24%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 307deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(178deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.4;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-dusk-light */
html[data-theme="look-dusk-light"] {
    --text-primary: #0A091C;
    --text-secondary: #454351;
    --text-tertiary: #6C6A75;
    --background-primary: #FFF6F2;
    --background-secondary: #FFFBFA;
    --background-dots: #FFECE5;
    --background-modal: rgba(255, 246, 242, 0.92);
    --border-primary: #F3CBBB;
    --border-secondary: #FFE8DE;
    --accent-success: #3263FF;
    --accent-primary: #D13B00;
    --accent-warning: #946800;
    --accent-error: #B109FF;
    --accent-info: oklch(0.572 0.194 175);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 127deg at 20% 24%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 307deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(178deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.4;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-ember-dark */
html[data-theme="look-ember-dark"] {
    --text-primary: #FFF2EF;
    --text-secondary: #CDBDBD;
    --text-tertiary: #AB9A9B;
    --background-primary: #1A0A14;
    --background-secondary: #2D161E;
    --background-dots: #3A1519;
    --background-modal: rgba(26, 10, 20, 0.9);
    --border-primary: #6C2A25;
    --border-secondary: #3F1719;
    --accent-success: #B8F04A;
    --accent-primary: #FF5A36;
    --accent-warning: #FFB347;
    --accent-error: #FF2E88;
    --accent-info: oklch(0.684 0.207 245);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 113deg at 53% 40%, color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-warning) min(100%, calc(56% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-success) min(100%, calc(48% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent)), radial-gradient(130% 110% at 50% 50%, transparent 40%, color-mix(in srgb, var(--background-primary) min(100%, calc(70% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(195deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.24;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.55;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-ember-light */
html[data-theme="look-ember-light"] {
    --text-primary: #170912;
    --text-secondary: #4F4349;
    --text-tertiary: #74696E;
    --background-primary: #FFF2EF;
    --background-secondary: #FFFAF9;
    --background-dots: #FFE5DF;
    --background-modal: rgba(255, 242, 239, 0.92);
    --border-primary: #F6C5BB;
    --border-secondary: #FFDED7;
    --accent-success: #53780A;
    --accent-primary: #D92700;
    --accent-warning: #A36000;
    --accent-error: #DB005E;
    --accent-info: oklch(0.57 0.215 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 113deg at 53% 40%, color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-warning) min(100%, calc(56% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-success) min(100%, calc(48% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent)), radial-gradient(130% 110% at 50% 50%, transparent 40%, color-mix(in srgb, var(--background-primary) min(100%, calc(70% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(195deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.24;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.55;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-film-dark */
html[data-theme="look-film-dark"] {
    --text-primary: #FFF9F2;
    --text-secondary: #CBC5BF;
    --text-tertiary: #A8A29C;
    --background-primary: #121010;
    --background-secondary: #26201C;
    --background-dots: #33271B;
    --background-modal: rgba(18, 16, 16, 0.9);
    --border-primary: #674C2F;
    --border-secondary: #382A1C;
    --accent-success: #8CC79A;
    --accent-primary: #FFB35C;
    --accent-warning: #F2D06B;
    --accent-error: #E3604E;
    --accent-info: oklch(0.823 0.136 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(109deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(50% * var(--bd-strength, 1))), transparent) 22%, transparent 56%), radial-gradient(60% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(172deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.2;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.2;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.55;
    --theme-sheen: 0.1;
    --theme-grain-angle: 90deg;
    --theme-grain-scale: 0.35;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 500;
}

/* Built-in Theme: look-film-light */
html[data-theme="look-film-light"] {
    --text-primary: #100E0E;
    --text-secondary: #494747;
    --text-tertiary: #706E6C;
    --background-primary: #FFF9F2;
    --background-secondary: #FFFDFA;
    --background-dots: #FFF3E5;
    --background-modal: rgba(255, 249, 242, 0.92);
    --border-primary: #EBD5BB;
    --border-secondary: #FFF0DE;
    --accent-success: #3F814E;
    --accent-primary: #AE5D00;
    --accent-warning: #8F6E0D;
    --accent-error: #D63822;
    --accent-info: oklch(0.562 0.135 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(109deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(50% * var(--bd-strength, 1))), transparent) 22%, transparent 56%), radial-gradient(60% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(172deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.2;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 9px;
    --theme-surface-glow: 0.2;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.55;
    --theme-sheen: 0.1;
    --theme-grain-angle: 90deg;
    --theme-grain-scale: 0.35;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 500;
}

/* Built-in Theme: look-golden-hour-dark */
html[data-theme="look-golden-hour-dark"] {
    --text-primary: #FFF9F1;
    --text-secondary: #CDC5BB;
    --text-tertiary: #ABA298;
    --background-primary: #1A0F06;
    --background-secondary: #2D1F12;
    --background-dots: #3A2610;
    --background-modal: rgba(26, 15, 6, 0.9);
    --border-primary: #6C4A23;
    --border-secondary: #3F2911;
    --accent-success: #C9D96B;
    --accent-primary: #FFB04A;
    --accent-warning: #FFD76B;
    --accent-error: #FF6A4A;
    --accent-info: oklch(0.816 0.147 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(109deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(50% * var(--bd-strength, 1))), transparent) 22%, transparent 56%), radial-gradient(60% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.2;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-golden-hour-light */
html[data-theme="look-golden-hour-light"] {
    --text-primary: #170E05;
    --text-secondary: #4F4740;
    --text-tertiary: #716B65;
    --background-primary: #FFF9F1;
    --background-secondary: #FFFDFA;
    --background-dots: #FFF2E2;
    --background-modal: rgba(255, 249, 241, 0.92);
    --border-primary: #EAD6BB;
    --border-secondary: #FFEFDB;
    --accent-success: #6B781F;
    --accent-primary: #AB6000;
    --accent-warning: #946C00;
    --accent-error: #DE2700;
    --accent-info: oklch(0.563 0.131 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(109deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(50% * var(--bd-strength, 1))), transparent) 22%, transparent 56%), radial-gradient(60% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.2;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-holo-dark */
html[data-theme="look-holo-dark"] {
    --text-primary: #F3FEFF;
    --text-secondary: #BEC8CD;
    --text-tertiary: #9AA4AB;
    --background-primary: #07081A;
    --background-secondary: #151C2D;
    --background-dots: #15293A;
    --background-modal: rgba(7, 8, 26, 0.9);
    --border-primary: #2F5D6C;
    --border-secondary: #172E3F;
    --accent-success: #8BFF6B;
    --accent-primary: #6BF5FF;
    --accent-warning: #FFF06B;
    --accent-error: #FF6BD6;
    --accent-info: oklch(0.898 0.12 240);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 47deg at 46% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 227deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 0.98;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.65;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.1em;
    --theme-label-weight: 800;
}

/* Built-in Theme: look-holo-light */
html[data-theme="look-holo-light"] {
    --text-primary: #060717;
    --text-secondary: #41434F;
    --text-tertiary: #686A74;
    --background-primary: #F3FEFF;
    --background-secondary: #FBFFFF;
    --background-dots: #E7FDFF;
    --background-modal: rgba(243, 254, 255, 0.92);
    --border-primary: #BCDFE2;
    --border-secondary: #E1FDFF;
    --accent-success: #1D8400;
    --accent-primary: #00808A;
    --accent-warning: #7F7200;
    --accent-error: #DB009E;
    --accent-info: oklch(0.547 0.093 245);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 47deg at 46% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 227deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 0.97;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.65;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.1em;
    --theme-label-weight: 800;
}

/* Built-in Theme: look-koi-dark */
html[data-theme="look-koi-dark"] {
    --text-primary: #FFF3EE;
    --text-secondary: #C9BFBC;
    --text-tertiary: #A59D9B;
    --background-primary: #0B1016;
    --background-secondary: #1F1C1F;
    --background-dots: #2D1D19;
    --background-modal: rgba(11, 16, 22, 0.9);
    --border-primary: #623323;
    --border-secondary: #321E19;
    --accent-success: #4FD1A5;
    --accent-primary: #FF6A2B;
    --accent-warning: #FFC24B;
    --accent-error: #EC4B61;
    --accent-info: oklch(0.702 0.196 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 21% 36%, color-mix(in srgb, var(--accent-primary) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), transparent) 14%, transparent 30%), radial-gradient(circle at 87% 15%, color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-error) min(100%, calc(38% * var(--bd-strength, 1))), transparent) 16%, transparent 34%), radial-gradient(circle at 39% 83%, color-mix(in srgb, var(--accent-success) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 15%, transparent 32%), radial-gradient(circle at 94% 89%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(30% * var(--bd-strength, 1))), transparent) 9%, transparent 22%), linear-gradient(178deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.22;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.3;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.2;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.04em;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-koi-light */
html[data-theme="look-koi-light"] {
    --text-primary: #0A0E14;
    --text-secondary: #45474B;
    --text-tertiary: #6C6D70;
    --background-primary: #FFF3EE;
    --background-secondary: #FFFBF9;
    --background-dots: #FFE7DD;
    --background-modal: rgba(255, 243, 238, 0.92);
    --border-primary: #F2CBBB;
    --border-secondary: #FFE1D5;
    --accent-success: #217F5F;
    --accent-primary: #C93C00;
    --accent-warning: #976400;
    --accent-error: #DE1732;
    --accent-info: oklch(0.559 0.186 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 21% 36%, color-mix(in srgb, var(--accent-primary) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), transparent) 14%, transparent 30%), radial-gradient(circle at 87% 15%, color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-error) min(100%, calc(38% * var(--bd-strength, 1))), transparent) 16%, transparent 34%), radial-gradient(circle at 39% 83%, color-mix(in srgb, var(--accent-success) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 15%, transparent 32%), radial-gradient(circle at 94% 89%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(30% * var(--bd-strength, 1))), transparent) 9%, transparent 22%), linear-gradient(178deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.22;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.3;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.2;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.04em;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-lagoon-dark */
html[data-theme="look-lagoon-dark"] {
    --text-primary: #EEFEFB;
    --text-secondary: #B8CBC8;
    --text-tertiary: #94A9A5;
    --background-primary: #031614;
    --background-secondary: #0E2925;
    --background-dots: #09352E;
    --background-modal: rgba(3, 22, 20, 0.9);
    --border-primary: #186558;
    --border-secondary: #0A3932;
    --accent-success: #7DFF6A;
    --accent-primary: #2EF2D0;
    --accent-warning: #F5D76E;
    --accent-error: #FF6F91;
    --accent-info: oklch(0.863 0.153 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 35% 24%, color-mix(in srgb, var(--accent-primary) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), transparent) 14%, transparent 30%), radial-gradient(circle at 91% 36%, color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-error) min(100%, calc(38% * var(--bd-strength, 1))), transparent) 16%, transparent 34%), radial-gradient(circle at 31% 74%, color-mix(in srgb, var(--accent-success) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 15%, transparent 32%), radial-gradient(circle at 90% 87%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(30% * var(--bd-strength, 1))), transparent) 9%, transparent 22%), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.22;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.35;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: look-lagoon-light */
html[data-theme="look-lagoon-light"] {
    --text-primary: #031412;
    --text-secondary: #3E4C4B;
    --text-tertiary: #63706E;
    --background-primary: #EEFEFB;
    --background-secondary: #F9FFFE;
    --background-dots: #DEFDF7;
    --background-modal: rgba(238, 254, 251, 0.92);
    --border-primary: #BDDFD9;
    --border-secondary: #D5FCF6;
    --accent-success: #118300;
    --accent-primary: #087F6A;
    --accent-warning: #8D700A;
    --accent-error: #E40036;
    --accent-info: oklch(0.534 0.098 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 35% 24%, color-mix(in srgb, var(--accent-primary) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), transparent) 14%, transparent 30%), radial-gradient(circle at 91% 36%, color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-error) min(100%, calc(38% * var(--bd-strength, 1))), transparent) 16%, transparent 34%), radial-gradient(circle at 31% 74%, color-mix(in srgb, var(--accent-success) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 15%, transparent 32%), radial-gradient(circle at 90% 87%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(30% * var(--bd-strength, 1))), transparent) 9%, transparent 22%), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.22;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.35;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: look-magma-dark */
html[data-theme="look-magma-dark"] {
    --text-primary: #FFF1ED;
    --text-secondary: #CBBBB7;
    --text-tertiary: #A99894;
    --background-primary: #140604;
    --background-secondary: #28120E;
    --background-dots: #351008;
    --background-modal: rgba(20, 6, 4, 0.9);
    --border-primary: #682313;
    --border-secondary: #3A1108;
    --accent-success: #B6E04A;
    --accent-primary: #FF4B1F;
    --accent-warning: #FF9A1F;
    --accent-error: #E44757;
    --accent-info: oklch(0.667 0.223 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 120deg at 51% 44%, color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-warning) min(100%, calc(56% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-success) min(100%, calc(48% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent)), radial-gradient(130% 110% at 50% 50%, transparent 40%, color-mix(in srgb, var(--background-primary) min(100%, calc(70% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(170deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.24;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.7;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0.15;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.08em;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-magma-light */
html[data-theme="look-magma-light"] {
    --text-primary: #120504;
    --text-secondary: #4B403F;
    --text-tertiary: #716766;
    --background-primary: #FFF1ED;
    --background-secondary: #FFFAF8;
    --background-dots: #FFE2DB;
    --background-modal: rgba(255, 241, 237, 0.92);
    --border-primary: #F5C6BA;
    --border-secondary: #FFDBD2;
    --accent-success: #5C7714;
    --accent-primary: #D72A00;
    --accent-warning: #A45A00;
    --accent-error: #D91F32;
    --accent-info: oklch(0.569 0.211 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 120deg at 51% 44%, color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-warning) min(100%, calc(56% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-success) min(100%, calc(48% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent)), radial-gradient(130% 110% at 50% 50%, transparent 40%, color-mix(in srgb, var(--background-primary) min(100%, calc(70% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(170deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.24;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 6px;
    --theme-surface-glow: 0.7;
    --theme-surface-step: 1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0.15;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.08em;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-mint-haze-dark */
html[data-theme="look-mint-haze-dark"] {
    --text-primary: #F2FFFB;
    --text-secondary: #BDCCC9;
    --text-tertiary: #99AAA8;
    --background-primary: #07171A;
    --background-secondary: #142B2B;
    --background-dots: #133732;
    --background-modal: rgba(7, 23, 26, 0.9);
    --border-primary: #2A6B5A;
    --border-secondary: #153C36;
    --accent-success: #A6FF5C;
    --accent-primary: #5CFFC8;
    --accent-warning: #E8F56B;
    --accent-error: #FF7A8A;
    --accent-info: oklch(0.901 0.157 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.3;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: lowercase;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: look-mint-haze-light */
html[data-theme="look-mint-haze-light"] {
    --text-primary: #061517;
    --text-secondary: #414D4E;
    --text-tertiary: #657071;
    --background-primary: #F2FFFB;
    --background-secondary: #FAFFFD;
    --background-dots: #E5FFF6;
    --background-modal: rgba(242, 255, 251, 0.92);
    --border-primary: #BBE0D4;
    --border-secondary: #DEFFF4;
    --accent-success: #3C8500;
    --accent-primary: #008558;
    --accent-warning: #6D7808;
    --accent-error: #EA001C;
    --accent-info: oklch(0.545 0.122 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.3;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: lowercase;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: look-neon-alley-dark */
html[data-theme="look-neon-alley-dark"] {
    --text-primary: #FFEEFE;
    --text-secondary: #C9B9CA;
    --text-tertiary: #A596A8;
    --background-primary: #0A0614;
    --background-secondary: #1E1127;
    --background-dots: #2C0C33;
    --background-modal: rgba(10, 6, 20, 0.9);
    --border-primary: #621A63;
    --border-secondary: #310C37;
    --accent-success: #2EFFD5;
    --accent-primary: #FF2EF0;
    --accent-warning: #FFF23D;
    --accent-error: #FF2E5A;
    --accent-info: oklch(0.705 0.296 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(103deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(50% * var(--bd-strength, 1))), transparent) 22%, transparent 56%), radial-gradient(60% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.2;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.16em;
    --theme-label-weight: 800;
}

/* Built-in Theme: look-neon-alley-light */
html[data-theme="look-neon-alley-light"] {
    --text-primary: #090512;
    --text-secondary: #44404B;
    --text-tertiary: #6B6771;
    --background-primary: #FFEEFE;
    --background-secondary: #FFF9FF;
    --background-dots: #FFDEFD;
    --background-modal: rgba(255, 238, 254, 0.92);
    --border-primary: #F1BBEE;
    --border-secondary: #FFD5FC;
    --accent-success: #007A62;
    --accent-primary: #C700B9;
    --accent-warning: #756D00;
    --accent-error: #DB002E;
    --accent-info: oklch(0.574 0.259 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(103deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(50% * var(--bd-strength, 1))), transparent) 22%, transparent 56%), radial-gradient(60% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.2;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 1;
    --theme-surface-step: 0.99;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.16em;
    --theme-label-weight: 800;
}

/* Built-in Theme: look-northern-dark */
html[data-theme="look-northern-dark"] {
    --text-primary: #EFFEF9;
    --text-secondary: #B9CAC7;
    --text-tertiary: #95A7A5;
    --background-primary: #031218;
    --background-secondary: #0E2528;
    --background-dots: #0A312E;
    --background-modal: rgba(3, 18, 24, 0.9);
    --border-primary: #196252;
    --border-secondary: #0B3631;
    --accent-success: #8AFF5C;
    --accent-primary: #33F0B4;
    --accent-warning: #FFD166;
    --accent-error: #C652FF;
    --accent-info: oklch(0.851 0.167 225);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 22% at 24% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 67% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.7;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.2;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-northern-light */
html[data-theme="look-northern-light"] {
    --text-primary: #031016;
    --text-secondary: #3E494D;
    --text-tertiary: #657072;
    --background-primary: #EFFEF9;
    --background-secondary: #F9FFFD;
    --background-dots: #DEFDF3;
    --background-modal: rgba(239, 254, 249, 0.92);
    --border-primary: #BDE0D4;
    --border-secondary: #D6FCF0;
    --accent-success: #258500;
    --accent-primary: #09815B;
    --accent-warning: #996B00;
    --accent-error: #B115FF;
    --accent-info: oklch(0.535 0.112 225);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 22% at 24% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 67% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.7;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.2;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-ocean-dark */
html[data-theme="look-ocean-dark"] {
    --text-primary: #EBFDFF;
    --text-secondary: #B6C8CE;
    --text-tertiary: #93A5AD;
    --background-primary: #050D1F;
    --background-secondary: #0E2031;
    --background-dots: #042B3E;
    --background-modal: rgba(5, 13, 31, 0.9);
    --border-primary: #0A5A6F;
    --border-secondary: #042F43;
    --accent-success: #00F5A8;
    --accent-primary: #00E0FF;
    --accent-warning: #4980FF;
    --accent-error: #996AFF;
    --accent-info: oklch(0.832 0.145 50);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 30% 31%, color-mix(in srgb, var(--accent-primary) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), transparent) 14%, transparent 30%), radial-gradient(circle at 64% 33%, color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-error) min(100%, calc(38% * var(--bd-strength, 1))), transparent) 16%, transparent 34%), radial-gradient(circle at 40% 84%, color-mix(in srgb, var(--accent-success) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 15%, transparent 32%), radial-gradient(circle at 88% 89%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(30% * var(--bd-strength, 1))), transparent) 9%, transparent 22%), linear-gradient(175deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.22;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-ocean-light */
html[data-theme="look-ocean-light"] {
    --text-primary: #040C1C;
    --text-secondary: #3E4652;
    --text-tertiary: #656D77;
    --background-primary: #EBFDFF;
    --background-secondary: #F7FEFF;
    --background-dots: #D6FAFF;
    --background-modal: rgba(235, 253, 255, 0.92);
    --border-primary: #B9DEE3;
    --border-secondary: #CCF9FF;
    --accent-success: #008058;
    --accent-primary: #007D8F;
    --accent-warning: #2064FF;
    --accent-error: #7A3CFF;
    --accent-info: oklch(0.541 0.094 45);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 30% 31%, color-mix(in srgb, var(--accent-primary) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), transparent) 14%, transparent 30%), radial-gradient(circle at 64% 33%, color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-error) min(100%, calc(38% * var(--bd-strength, 1))), transparent) 16%, transparent 34%), radial-gradient(circle at 40% 84%, color-mix(in srgb, var(--accent-success) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 15%, transparent 32%), radial-gradient(circle at 88% 89%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(30% * var(--bd-strength, 1))), transparent) 9%, transparent 22%), linear-gradient(175deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.22;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-opal-dark */
html[data-theme="look-opal-dark"] {
    --text-primary: #F7FDFF;
    --text-secondary: #C3C9CD;
    --text-tertiary: #A1A7AC;
    --background-primary: #10121C;
    --background-secondary: #1F252F;
    --background-dots: #24303C;
    --background-modal: rgba(16, 18, 28, 0.9);
    --border-primary: #45606D;
    --border-secondary: #273440;
    --accent-success: #B0FFCF;
    --accent-primary: #9EE8FF;
    --accent-warning: #FFD8A8;
    --accent-error: #FF9EC4;
    --accent-info: oklch(0.89 0.08 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 58deg at 30% 21%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 238deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.4;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-opal-light */
html[data-theme="look-opal-light"] {
    --text-primary: #0E1019;
    --text-secondary: #474950;
    --text-tertiary: #6B6D73;
    --background-primary: #F7FDFF;
    --background-secondary: #FCFEFF;
    --background-dots: #EFFBFF;
    --background-modal: rgba(247, 253, 255, 0.92);
    --border-primary: #BDDEE8;
    --border-secondary: #ECFAFF;
    --accent-success: #008735;
    --accent-primary: #007CA3;
    --accent-warning: #AD6000;
    --accent-error: #E5005A;
    --accent-info: oklch(0.548 0.108 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 58deg at 30% 21%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 238deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.4;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-orchid-dark */
html[data-theme="look-orchid-dark"] {
    --text-primary: #FDF2FF;
    --text-secondary: #CBBDCD;
    --text-tertiary: #A99AAC;
    --background-primary: #1A0A1E;
    --background-secondary: #2C1630;
    --background-dots: #36153E;
    --background-modal: rgba(26, 10, 30, 0.9);
    --border-primary: #622B6E;
    --border-secondary: #3A1742;
    --accent-success: #7CE0B0;
    --accent-primary: #E05CFF;
    --accent-warning: #FFA86B;
    --accent-error: #FF3D7F;
    --accent-info: oklch(0.706 0.249 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.1;
    --theme-sheen: 0.6;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: look-orchid-light */
html[data-theme="look-orchid-light"] {
    --text-primary: #17091B;
    --text-secondary: #4E4352;
    --text-tertiary: #736976;
    --background-primary: #FDF2FF;
    --background-secondary: #FEFAFF;
    --background-dots: #FAE5FF;
    --background-modal: rgba(253, 242, 255, 0.92);
    --border-primary: #EDBBF9;
    --border-secondary: #F9DEFF;
    --accent-success: #1E7D4F;
    --accent-primary: #BA00E6;
    --accent-warning: #BD4E00;
    --accent-error: #E0004C;
    --accent-info: oklch(0.583 0.284 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.1;
    --theme-sheen: 0.6;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: look-polar-dark */
html[data-theme="look-polar-dark"] {
    --text-primary: #F6FBFF;
    --text-secondary: #C1C8CE;
    --text-tertiary: #9EA6AD;
    --background-primary: #0A1420;
    --background-secondary: #192632;
    --background-dots: #1D2F3F;
    --background-modal: rgba(10, 20, 32, 0.9);
    --border-primary: #3C5A70;
    --border-secondary: #1F3344;
    --accent-success: #8FE6C4;
    --accent-primary: #8FD3FF;
    --accent-warning: #F0D78A;
    --accent-error: #FF8FA3;
    --accent-info: oklch(0.837 0.092 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 22% at 32% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 91% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.8;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 500;
}

/* Built-in Theme: look-polar-light */
html[data-theme="look-polar-light"] {
    --text-primary: #09121D;
    --text-secondary: #434B53;
    --text-tertiary: #686E75;
    --background-primary: #F6FBFF;
    --background-secondary: #FCFEFF;
    --background-dots: #EDF8FF;
    --background-modal: rgba(246, 251, 255, 0.92);
    --border-primary: #BDDCF0;
    --border-secondary: #E9F6FF;
    --accent-success: #1D825A;
    --accent-primary: #0076C2;
    --accent-warning: #8D6F12;
    --accent-error: #E60029;
    --accent-info: oklch(0.551 0.147 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 22% at 32% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 91% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.8;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 500;
}

/* Built-in Theme: look-solar-flare-dark */
html[data-theme="look-solar-flare-dark"] {
    --text-primary: #FFF8ED;
    --text-secondary: #CCC3B7;
    --text-tertiary: #AAA093;
    --background-primary: #160B02;
    --background-secondary: #2A1B0C;
    --background-dots: #372005;
    --background-modal: rgba(22, 11, 2, 0.9);
    --border-primary: #6A4410;
    --border-secondary: #3B2306;
    --accent-success: #C4FF3D;
    --accent-primary: #FFA31A;
    --accent-warning: #FFE04A;
    --accent-error: #FF3B1F;
    --accent-info: oklch(0.79 0.168 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 151deg at 50% 35%, color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-warning) min(100%, calc(56% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-success) min(100%, calc(48% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent)), radial-gradient(130% 110% at 50% 50%, transparent 40%, color-mix(in srgb, var(--background-primary) min(100%, calc(70% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.24;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.55;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-solar-flare-light */
html[data-theme="look-solar-flare-light"] {
    --text-primary: #140A02;
    --text-secondary: #4C443D;
    --text-tertiary: #726B64;
    --background-primary: #FFF8ED;
    --background-secondary: #FFFCF8;
    --background-dots: #FFF0DA;
    --background-modal: rgba(255, 248, 237, 0.92);
    --border-primary: #E8D6BA;
    --border-secondary: #FFEDD1;
    --accent-success: #557A00;
    --accent-primary: #A46200;
    --accent-warning: #877000;
    --accent-error: #E11C00;
    --accent-info: oklch(0.558 0.124 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 151deg at 50% 35%, color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-warning) min(100%, calc(56% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-success) min(100%, calc(48% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent)), radial-gradient(130% 110% at 50% 50%, transparent 40%, color-mix(in srgb, var(--background-primary) min(100%, calc(70% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.24;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.55;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-supernova-dark */
html[data-theme="look-supernova-dark"] {
    --text-primary: #FFFCF1;
    --text-secondary: #C9C5BF;
    --text-tertiary: #A5A19E;
    --background-primary: #0A0618;
    --background-secondary: #1E1822;
    --background-dots: #2C231F;
    --background-modal: rgba(10, 6, 24, 0.9);
    --border-primary: #62522E;
    --border-secondary: #312820;
    --accent-success: #3DFFD8;
    --accent-primary: #FFD84A;
    --accent-warning: #FF7A2F;
    --accent-error: #FF3DF0;
    --accent-info: oklch(0.891 0.159 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 96deg at 72% 37%, color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-warning) min(100%, calc(56% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-success) min(100%, calc(48% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent)), radial-gradient(130% 110% at 50% 50%, transparent 40%, color-mix(in srgb, var(--background-primary) min(100%, calc(70% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(175deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.24;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 0.98;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.2;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 800;
}

/* Built-in Theme: look-supernova-light */
html[data-theme="look-supernova-light"] {
    --text-primary: #090516;
    --text-secondary: #44414D;
    --text-tertiary: #6B6971;
    --background-primary: #FFFCF1;
    --background-secondary: #FFFEFA;
    --background-dots: #FFF9E2;
    --background-modal: rgba(255, 252, 241, 0.92);
    --border-primary: #E2DABB;
    --border-secondary: #FFF7DB;
    --accent-success: #00846A;
    --accent-primary: #8C6E00;
    --accent-warning: #C84800;
    --accent-error: #D100C1;
    --accent-info: oklch(0.552 0.113 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 96deg at 72% 37%, color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-warning) min(100%, calc(56% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-success) min(100%, calc(48% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent)), radial-gradient(130% 110% at 50% 50%, transparent 40%, color-mix(in srgb, var(--background-primary) min(100%, calc(70% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(175deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.24;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 0.97;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.2;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 800;
}

/* Built-in Theme: look-tropic-dark */
html[data-theme="look-tropic-dark"] {
    --text-primary: #FFF4EF;
    --text-secondary: #C8C3BC;
    --text-tertiary: #A4A29B;
    --background-primary: #071A12;
    --background-secondary: #1B271C;
    --background-dots: #2A2718;
    --background-modal: rgba(7, 26, 18, 0.9);
    --border-primary: #5F4026;
    --border-secondary: #2F2919;
    --accent-success: #3DFF8F;
    --accent-primary: #FF7A3D;
    --accent-warning: #FFE04D;
    --accent-error: #FF3D8B;
    --accent-info: oklch(0.726 0.178 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 20% 29%, color-mix(in srgb, var(--accent-primary) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), transparent) 14%, transparent 30%), radial-gradient(circle at 74% 34%, color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-error) min(100%, calc(38% * var(--bd-strength, 1))), transparent) 16%, transparent 34%), radial-gradient(circle at 59% 71%, color-mix(in srgb, var(--accent-success) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 15%, transparent 32%), radial-gradient(circle at 94% 87%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(30% * var(--bd-strength, 1))), transparent) 9%, transparent 22%), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.22;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-tropic-light */
html[data-theme="look-tropic-light"] {
    --text-primary: #061710;
    --text-secondary: #424E48;
    --text-tertiary: #656E69;
    --background-primary: #FFF4EF;
    --background-secondary: #FFFBF9;
    --background-dots: #FFEAE0;
    --background-modal: rgba(255, 244, 239, 0.92);
    --border-primary: #F2CCBB;
    --border-secondary: #FFE4D8;
    --accent-success: #007F36;
    --accent-primary: #CC4000;
    --accent-warning: #856E00;
    --accent-error: #E0005A;
    --accent-info: oklch(0.569 0.186 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 20% 29%, color-mix(in srgb, var(--accent-primary) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), transparent) 14%, transparent 30%), radial-gradient(circle at 74% 34%, color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-error) min(100%, calc(38% * var(--bd-strength, 1))), transparent) 16%, transparent 34%), radial-gradient(circle at 59% 71%, color-mix(in srgb, var(--accent-success) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 15%, transparent 32%), radial-gradient(circle at 94% 87%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(30% * var(--bd-strength, 1))), transparent) 9%, transparent 22%), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.22;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1.05;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-twilight-dark */
html[data-theme="look-twilight-dark"] {
    --text-primary: #F6F5FF;
    --text-secondary: #C2C0CF;
    --text-tertiary: #9F9DAF;
    --background-primary: #0E0B24;
    --background-secondary: #1C1936;
    --background-dots: #201B43;
    --background-modal: rgba(14, 11, 36, 0.9);
    --border-primary: #3F3772;
    --border-secondary: #231D47;
    --accent-success: #5CE0C6;
    --accent-primary: #8F7CFF;
    --accent-warning: #FFB36B;
    --accent-error: #FF5C9A;
    --accent-info: oklch(0.666 0.187 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 0.45;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-twilight-light */
html[data-theme="look-twilight-light"] {
    --text-primary: #0D0A20;
    --text-secondary: #464456;
    --text-tertiary: #6D6A79;
    --background-primary: #F6F5FF;
    --background-secondary: #FCFBFF;
    --background-dots: #EDEAFF;
    --background-modal: rgba(246, 245, 255, 0.92);
    --border-primary: #D7D0FF;
    --border-secondary: #E9E5FF;
    --accent-success: #187C68;
    --accent-primary: #684EFF;
    --accent-warning: #B25700;
    --accent-error: #DB0053;
    --accent-info: oklch(0.563 0.248 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 0.45;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: look-verdant-dark */
html[data-theme="look-verdant-dark"] {
    --text-primary: #F1FFF3;
    --text-secondary: #BCCBBE;
    --text-tertiary: #98A99B;
    --background-primary: #06140A;
    --background-secondary: #132817;
    --background-dots: #103517;
    --background-modal: rgba(6, 20, 10, 0.9);
    --border-primary: #246830;
    --border-secondary: #113A19;
    --accent-success: #2EE6A8;
    --accent-primary: #4DFF6A;
    --accent-warning: #E8FF4D;
    --accent-error: #FF5C4D;
    --accent-info: oklch(0.881 0.24 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 22% at 23% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 76% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: look-verdant-light */
html[data-theme="look-verdant-light"] {
    --text-primary: #051209;
    --text-secondary: #404B43;
    --text-tertiary: #67716A;
    --background-primary: #F1FFF3;
    --background-secondary: #FAFFFB;
    --background-dots: #E3FFE7;
    --background-modal: rgba(241, 255, 243, 0.92);
    --border-primary: #BBE0C2;
    --border-secondary: #DBFFE1;
    --accent-success: #0F805A;
    --accent-primary: #008516;
    --accent-warning: #6B7B00;
    --accent-error: #E61300;
    --accent-info: oklch(0.535 0.175 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 22% at 23% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 76% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: marigold-dusk-dark */
html[data-theme="marigold-dusk-dark"] {
    --text-primary: #FFE8C8;
    --text-secondary: #FFC46A;
    --text-tertiary: #C08A54;
    --background-primary: #0E0C1A;
    --background-secondary: #181428;
    --background-dots: #241C3C;
    --background-modal: rgba(14, 12, 26, 0.9);
    --border-primary: #6E4A28;
    --border-secondary: #3C3050;
    --accent-success: #5ED8A0;
    --accent-primary: #FFB347;
    --accent-warning: #FFA824;
    --accent-error: #FF6A6A;
    --accent-info: oklch(0.821 0.149 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 47% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 47% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 47% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: marigold-dusk-light */
html[data-theme="marigold-dusk-light"] {
    --text-primary: #2C2440;
    --text-secondary: #8A5A1E;
    --text-tertiary: #A87A38;
    --background-primary: #FFFAF0;
    --background-secondary: #FDF0DC;
    --background-dots: #F4DEBC;
    --background-modal: rgba(255, 250, 240, 0.93);
    --border-primary: #E8C68E;
    --border-secondary: #CCA46A;
    --accent-success: #15803D;
    --accent-primary: #B4761E;
    --accent-warning: #C2410C;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.617 0.124 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 47% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 47% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 47% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.18;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: matrix-bluepill-dark */
html[data-theme="matrix-bluepill-dark"] {
    --text-primary: #D2F0FF;
    --text-secondary: #78C8FF;
    --text-tertiary: #4EA0DC;
    --background-primary: #00060C;
    --background-secondary: #021020;
    --background-dots: #061C34;
    --background-modal: rgba(0, 6, 12, 0.9);
    --border-primary: #0E3258;
    --border-secondary: #08223E;
    --accent-success: #3DFFB0;
    --accent-primary: #3DB8FF;
    --accent-warning: #FFD84D;
    --accent-error: #FF6B6B;
    --accent-info: #A89CFF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(192deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.89;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.19;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: matrix-bluepill-light */
html[data-theme="matrix-bluepill-light"] {
    --text-primary: #021B30;
    --text-secondary: #0C4470;
    --text-tertiary: #1E5A88;
    --background-primary: #F3F9FD;
    --background-secondary: #E4F1FA;
    --background-dots: #CCE3F4;
    --background-modal: rgba(243, 249, 253, 0.92);
    --border-primary: #A6CCEA;
    --border-secondary: #DAEAF7;
    --accent-success: #007A52;
    --accent-primary: #005F99;
    --accent-warning: #7A5A00;
    --accent-error: #B02020;
    --accent-info: #4A34B0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(192deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 1;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.06;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: matrix-construct-dark */
html[data-theme="matrix-construct-dark"] {
    --text-primary: #F2F7F4;
    --text-secondary: #B8C4BD;
    --text-tertiary: #8E9C94;
    --background-primary: #0C0E0D;
    --background-secondary: #141816;
    --background-dots: #1E2420;
    --background-modal: rgba(12, 14, 13, 0.9);
    --border-primary: #2E3832;
    --border-secondary: #222A25;
    --accent-success: #3DFF8C;
    --accent-primary: #3DFF8C;
    --accent-warning: #F4E04D;
    --accent-error: #FF6B6B;
    --accent-info: #8CD8FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(160deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(41px * var(--bd-scale, 1))), repeating-linear-gradient(-80deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(47px * var(--bd-scale, 1))), linear-gradient(198deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.89;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.21;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.22em;
    --theme-label-weight: 700;
}

/* Built-in Theme: matrix-construct-light */
html[data-theme="matrix-construct-light"] {
    --text-primary: #0E1411;
    --text-secondary: #34403A;
    --text-tertiary: #4E5A54;
    --background-primary: #FFFFFF;
    --background-secondary: #F4F6F5;
    --background-dots: #E6EBE8;
    --background-modal: rgba(255, 255, 255, 0.92);
    --border-primary: #CFD8D3;
    --border-secondary: #EBEFED;
    --accent-success: #0A7A3C;
    --accent-primary: #0A7A3C;
    --accent-warning: #7A6600;
    --accent-error: #B02424;
    --accent-info: #1E5CA8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(160deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(41px * var(--bd-scale, 1))), repeating-linear-gradient(-80deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(47px * var(--bd-scale, 1))), linear-gradient(198deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 1;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.06;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.22em;
    --theme-label-weight: 700;
}

/* Built-in Theme: matrix-rain-dark */
html[data-theme="matrix-rain-dark"] {
    --text-primary: #C8FFD8;
    --text-secondary: #6FE89A;
    --text-tertiary: #3FBF6C;
    --background-primary: #000A03;
    --background-secondary: #021206;
    --background-dots: #062010;
    --background-modal: rgba(0, 10, 3, 0.9);
    --border-primary: #0E3A1C;
    --border-secondary: #082814;
    --accent-success: #00FF66;
    --accent-primary: #00FF66;
    --accent-warning: #E6FF4D;
    --accent-error: #FF4D4D;
    --accent-info: #4DFFE1;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.88;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.21;
    --theme-surface-step: 1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: matrix-rain-light */
html[data-theme="matrix-rain-light"] {
    --text-primary: #022A10;
    --text-secondary: #0E5A2A;
    --text-tertiary: #1E6E3A;
    --background-primary: #F3FCF5;
    --background-secondary: #E6F7EA;
    --background-dots: #D0EED8;
    --background-modal: rgba(243, 252, 245, 0.92);
    --border-primary: #A8DCB6;
    --border-secondary: #DDF2E3;
    --accent-success: #007A30;
    --accent-primary: #007A30;
    --accent-warning: #6A6A00;
    --accent-error: #B01E1E;
    --accent-info: #006E66;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 1;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.07;
    --theme-surface-step: 1.13;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: matrix-redpill-dark */
html[data-theme="matrix-redpill-dark"] {
    --text-primary: #FFD8D2;
    --text-secondary: #FF8A7A;
    --text-tertiary: #E0584A;
    --background-primary: #0A0000;
    --background-secondary: #140202;
    --background-dots: #240606;
    --background-modal: rgba(10, 0, 0, 0.9);
    --border-primary: #420E0E;
    --border-secondary: #2E0808;
    --accent-success: #FF9F43;
    --accent-primary: #FF3B30;
    --accent-warning: #FFD166;
    --accent-error: #FFFFFF;
    --accent-info: #FF7AC8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.88;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.21;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: matrix-redpill-light */
html[data-theme="matrix-redpill-light"] {
    --text-primary: #2E0400;
    --text-secondary: #6A1208;
    --text-tertiary: #8A2A1C;
    --background-primary: #FDF4F3;
    --background-secondary: #F8E6E4;
    --background-dots: #F0D0CC;
    --background-modal: rgba(253, 244, 243, 0.92);
    --border-primary: #E4AEA8;
    --border-secondary: #F2DCD9;
    --accent-success: #9A4A00;
    --accent-primary: #C0180A;
    --accent-warning: #8A5500;
    --accent-error: #7A0A0A;
    --accent-info: #A01A72;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 1;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.08;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: midnight-firefly-dark */
html[data-theme="midnight-firefly-dark"] {
    --text-primary: #C8D8C0;
    --text-secondary: #A8C898;
    --text-tertiary: #88A878;
    --background-primary: #060810;
    --background-secondary: #0C1018;
    --background-dots: #101820;
    --background-modal: rgba(6, 8, 16, 0.88);
    --border-primary: #3A5838;
    --border-secondary: #284028;
    --accent-success: #C8FF40;
    --accent-primary: #B6E86A;
    --accent-warning: #FBBF24;
    --accent-error: #FB7185;
    --accent-info: oklch(0.87 0.164 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 94% 5%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 45% 15%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 44% 81%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 88% 30%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 2% 65%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 81% 33%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(7% * var(--bd-scale, 1))), radial-gradient(circle at 9% 78%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 60% 92%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 36% 7%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(7% * var(--bd-scale, 1))), linear-gradient(171deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.14;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: midnight-firefly-light */
html[data-theme="midnight-firefly-light"] {
    --text-primary: #1A2818;
    --text-secondary: #3A5838;
    --text-tertiary: #587858;
    --background-primary: #F5F8F0;
    --background-secondary: #EAF0E0;
    --background-dots: #E8F0D8;
    --background-modal: rgba(245, 248, 240, 0.92);
    --border-primary: #A8C898;
    --border-secondary: #88B078;
    --accent-success: #65A30D;
    --accent-primary: #4F7A2E;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.531 0.117 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 94% 5%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 45% 15%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 44% 81%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 88% 30%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 2% 65%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 81% 33%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(7% * var(--bd-scale, 1))), radial-gradient(circle at 9% 78%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 60% 92%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 36% 7%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(7% * var(--bd-scale, 1))), linear-gradient(171deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.23;
    --theme-surface-step: 1.16;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: midnight-ink-dark */
html[data-theme="midnight-ink-dark"] {
    --text-primary: #F8FAFC;
    --text-secondary: #B8C4D4;
    --text-tertiary: #6B7A8E;
    --background-primary: #000204;
    --background-secondary: #070C12;
    --background-dots: #0E1620;
    --background-modal: rgba(0, 2, 4, 0.92);
    --border-primary: #1A2B3C;
    --border-secondary: #0F1D28;
    --accent-success: #C8DCF4;
    --accent-primary: #7FA8D0;
    --accent-warning: #F0B050;
    --accent-error: #F07080;
    --accent-info: oklch(0.717 0.074 165);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 79px 109px, 51px 131px, 16px 22px, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 0.92;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: midnight-ink-light */
html[data-theme="midnight-ink-light"] {
    --text-primary: #080C14;
    --text-secondary: #1A2540;
    --text-tertiary: #3A4A5C;
    --background-primary: #F8FAFD;
    --background-secondary: #EEF2F8;
    --background-dots: #DDE4EF;
    --background-modal: rgba(248, 250, 253, 0.92);
    --border-primary: #B8C8DC;
    --border-secondary: #8CA0B8;
    --accent-success: #1E3A5F;
    --accent-primary: #2A4A78;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.408 0.087 155);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 79px 109px, 51px 131px, 16px 22px, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: midnight-neon-dark */
html[data-theme="midnight-neon-dark"] {
    --text-primary: #E0F2FE;
    --text-secondary: #93C5FD;
    --text-tertiary: #60A5FA;
    --background-primary: #04050A;
    --background-secondary: #0B1020;
    --background-dots: #111A34;
    --background-modal: rgba(4, 5, 10, 0.86);
    --border-primary: #1E3A8A;
    --border-secondary: #172554;
    --accent-success: #22D3EE;
    --accent-primary: #60A5FA;
    --accent-warning: #F59E0B;
    --accent-error: #F43F5E;
    --accent-info: oklch(0.714 0.143 295);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 40% at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, var(--background-primary) 55%, transparent 55%), repeating-conic-gradient(from 90deg at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0 .6deg, transparent .6deg calc(8deg * var(--bd-scale, 1))), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 0.87;
    --theme-surface-step: 0.99;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: midnight-neon-light */
html[data-theme="midnight-neon-light"] {
    --text-primary: #0F172A;
    --text-secondary: #1E3A8A;
    --text-tertiary: #334155;
    --background-primary: #F7FAFF;
    --background-secondary: #ECF3FF;
    --background-dots: #DCE8FF;
    --background-modal: rgba(247, 250, 255, 0.9);
    --border-primary: #BFDBFE;
    --border-secondary: #93C5FD;
    --accent-success: #0891B2;
    --accent-primary: #1D4ED8;
    --accent-warning: #D97706;
    --accent-error: #BE123C;
    --accent-info: oklch(0.488 0.217 140);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 40% at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, var(--background-primary) 55%, transparent 55%), repeating-conic-gradient(from 90deg at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0 .6deg, transparent .6deg calc(8deg * var(--bd-scale, 1))), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.59;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: mirage-sand-dark */
html[data-theme="mirage-sand-dark"] {
    --text-primary: #CBCCC6;
    --text-secondary: #B3B1AD;
    --text-tertiary: #5C6773;
    --background-primary: #1F2430;
    --background-secondary: #242936;
    --background-dots: #2D3441;
    --background-modal: rgba(31, 36, 48, 0.9);
    --border-primary: #343B49;
    --border-secondary: #2A303C;
    --accent-success: #BAE67E;
    --accent-primary: #FFCC66;
    --accent-warning: #FFA759;
    --accent-error: #FF3333;
    --accent-info: oklch(0.871 0.133 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(173deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.07;
    --theme-surface-step: 1.42;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: mirage-sand-light */
html[data-theme="mirage-sand-light"] {
    --text-primary: #5C6166;
    --text-secondary: #6B7075;
    --text-tertiary: #8A9199;
    --background-primary: #FCFCFC;
    --background-secondary: #F3F4F5;
    --background-dots: #E7E8EA;
    --background-modal: rgba(252, 252, 252, 0.92);
    --border-primary: #E1E2E4;
    --border-secondary: #CDCFD2;
    --accent-success: #6C9E20;
    --accent-primary: #B87400;
    --accent-warning: #E06C00;
    --accent-error: #E65050;
    --accent-info: oklch(0.617 0.134 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(173deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.65;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: monochrome-mist-dark */
html[data-theme="monochrome-mist-dark"] {
    --text-primary: #F5F5F5;
    --text-secondary: #D4D4D4;
    --text-tertiary: #A3A3A3;
    --background-primary: #111111;
    --background-secondary: #1F1F1F;
    --background-dots: #2E2E2E;
    --background-modal: rgba(17, 17, 17, 0.88);
    --border-primary: #525252;
    --border-secondary: #3F3F46;
    --accent-success: #22C55E;
    --accent-primary: #A3A3A3;
    --accent-warning: #F59E0B;
    --accent-error: #EF4444;
    --accent-info: oklch(0.715 0 265);
    --accent-vivid: oklch(0.715 0.13 265);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(169deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.7;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: monochrome-mist-light */
html[data-theme="monochrome-mist-light"] {
    --text-primary: #171717;
    --text-secondary: #3F3F46;
    --text-tertiary: #525252;
    --background-primary: #FCFCFC;
    --background-secondary: #F5F5F5;
    --background-dots: #E5E5E5;
    --background-modal: rgba(252, 252, 252, 0.92);
    --border-primary: #D4D4D4;
    --border-secondary: #A3A3A3;
    --accent-success: #15803D;
    --accent-primary: #525252;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.439 0 270);
    --accent-vivid: oklch(0.45 0.13 270);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(169deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.77;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.05;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: moonlit-steel-dark */
html[data-theme="moonlit-steel-dark"] {
    --text-primary: #C8D3F5;
    --text-secondary: #A9B8E8;
    --text-tertiary: #7A88CF;
    --background-primary: #212337;
    --background-secondary: #2A2C42;
    --background-dots: #343650;
    --background-modal: rgba(33, 35, 55, 0.9);
    --border-primary: #3E4162;
    --border-secondary: #2E304A;
    --accent-success: #C3E88D;
    --accent-primary: #82AAFF;
    --accent-warning: #FFC777;
    --accent-error: #FF757F;
    --accent-info: oklch(0.744 0.131 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(30% 24% at 69% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 14% 0, 28% 0, 57% 0, 0 0;
    --theme-surface-alpha: 0.7;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.23;
    --theme-surface-step: 1.37;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: moonlit-steel-light */
html[data-theme="moonlit-steel-light"] {
    --text-primary: #2E3050;
    --text-secondary: #414468;
    --text-tertiary: #6A6E96;
    --background-primary: #FAFAFE;
    --background-secondary: #F0F1F8;
    --background-dots: #E4E6F1;
    --background-modal: rgba(250, 250, 254, 0.92);
    --border-primary: #DEE0EE;
    --border-secondary: #C5C8DD;
    --accent-success: #5C8A1E;
    --accent-primary: #3A5CCC;
    --accent-warning: #A06D00;
    --accent-error: #C4404C;
    --accent-info: oklch(0.515 0.178 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(30% 24% at 69% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 14% 0, 28% 0, 57% 0, 0 0;
    --theme-surface-alpha: 0.77;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.18;
    --theme-surface-step: 1.25;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: moss-stone-dark */
html[data-theme="moss-stone-dark"] {
    --text-primary: #D4CFBC;
    --text-secondary: #A8A48C;
    --text-tertiary: #756E58;
    --background-primary: #131210;
    --background-secondary: #1E1C17;
    --background-dots: #2A2820;
    --background-modal: rgba(19, 18, 16, 0.88);
    --border-primary: #4A4535;
    --border-secondary: #36332A;
    --accent-success: #8FAE7A;
    --accent-primary: #BEB894;
    --accent-warning: #C49A3C;
    --accent-error: #C46A50;
    --accent-info: oklch(0.778 0.049 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse at 20% 26%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), repeating-radial-gradient(ellipse at 78% 75%, color-mix(in srgb, var(--accent-error) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(26px * var(--bd-scale, 1))), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.03;
    --theme-surface-step: 1.23;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: moss-stone-light */
html[data-theme="moss-stone-light"] {
    --text-primary: #2C2A20;
    --text-secondary: #5A5640;
    --text-tertiary: #7A7558;
    --background-primary: #F7F5EE;
    --background-secondary: #EEEBE0;
    --background-dots: #E0DDD0;
    --background-modal: rgba(247, 245, 238, 0.92);
    --border-primary: #C8C3A8;
    --border-secondary: #B0AA90;
    --accent-success: #4A7038;
    --accent-primary: #6B6448;
    --accent-warning: #9A6B1A;
    --accent-error: #923020;
    --accent-info: oklch(0.502 0.043 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse at 20% 26%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), repeating-radial-gradient(ellipse at 78% 75%, color-mix(in srgb, var(--accent-error) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(26px * var(--bd-scale, 1))), linear-gradient(193deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.21;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: mulberry-silk-dark */
html[data-theme="mulberry-silk-dark"] {
    --text-primary: #F5F3FF;
    --text-secondary: #E9D5FF;
    --text-tertiary: #9D7CCF;
    --background-primary: #140816;
    --background-secondary: #1E0F24;
    --background-dots: #2A1A38;
    --background-modal: rgba(20, 8, 22, 0.88);
    --border-primary: #6B21A8;
    --border-secondary: #4C1D95;
    --accent-success: #34D399;
    --accent-primary: #C084FC;
    --accent-warning: #FBBF24;
    --accent-error: #FB7185;
    --accent-info: oklch(0.722 0.177 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(120% 88% at 4% 12%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 91% 22%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(174deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.51;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: mulberry-silk-light */
html[data-theme="mulberry-silk-light"] {
    --text-primary: #4C1D95;
    --text-secondary: #6B21A8;
    --text-tertiary: #7C3AED;
    --background-primary: #FDF8FF;
    --background-secondary: #FAF5FF;
    --background-dots: #F3E8FF;
    --background-modal: rgba(253, 248, 255, 0.92);
    --border-primary: #E9D5FF;
    --border-secondary: #DDD6FE;
    --accent-success: #059669;
    --accent-primary: #7E22CE;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.496 0.237 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(120% 88% at 4% 12%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 91% 22%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(174deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.25;
    --theme-surface-step: 1.37;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: nebula-nursery-dark */
html[data-theme="nebula-nursery-dark"] {
    --text-primary: #F2ECFF;
    --text-secondary: #C4B4E8;
    --text-tertiary: #9C8CC2;
    --background-primary: #0A0714;
    --background-secondary: #120D20;
    --background-dots: #1E1632;
    --background-modal: rgba(10, 7, 20, 0.9);
    --border-primary: #30244E;
    --border-secondary: #241B3C;
    --accent-success: #58E0D0;
    --accent-primary: #FF7EC8;
    --accent-warning: #FFD27A;
    --accent-error: #FF6F7F;
    --accent-info: #7DA8FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(1px 1px at 30% 40%, color-mix(in srgb, #ffffff min(100%, calc(60% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.4px 1.4px at 80% 20%, color-mix(in srgb, #ffffff min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(60% 45% at 33% 36%, color-mix(in srgb, var(--accent-error) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(50% 40% at 85% 59%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: calc(120px * var(--bd-scale, 1)) calc(120px * var(--bd-scale, 1)), calc(170px * var(--bd-scale, 1)) calc(150px * var(--bd-scale, 1)), cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 25px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: nebula-nursery-light */
html[data-theme="nebula-nursery-light"] {
    --text-primary: #1A1030;
    --text-secondary: #48386A;
    --text-tertiary: #645486;
    --background-primary: #F8F5FE;
    --background-secondary: #EFE9FB;
    --background-dots: #E0D6F5;
    --background-modal: rgba(248, 245, 254, 0.92);
    --border-primary: #CCBCEE;
    --border-secondary: #E6DCF8;
    --accent-success: #0E6E66;
    --accent-primary: #AE1F78;
    --accent-warning: #8A5500;
    --accent-error: #B0243C;
    --accent-info: #3048B8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(1px 1px at 30% 40%, color-mix(in srgb, #ffffff min(100%, calc(60% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.4px 1.4px at 80% 20%, color-mix(in srgb, #ffffff min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(60% 45% at 33% 36%, color-mix(in srgb, var(--accent-error) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(50% 40% at 85% 59%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: calc(120px * var(--bd-scale, 1)) calc(120px * var(--bd-scale, 1)), calc(170px * var(--bd-scale, 1)) calc(150px * var(--bd-scale, 1)), cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: neon-grid-dark */
html[data-theme="neon-grid-dark"] {
    --text-primary: #E0E0E0;
    --text-secondary: #00FFFF;
    --text-tertiary: #FF00FF;
    --background-primary: #121212;
    --background-secondary: #1A1A1A;
    --background-dots: #00FFFF40;
    --background-modal: rgba(0, 0, 0, 0.9);
    --border-primary: #00FFFF;
    --border-secondary: #FF00FF;
    --accent-success: #00FF00;
    --accent-primary: #22D3EE;
    --accent-warning: #FFC000;
    --accent-error: #FF3333;
    --accent-info: oklch(0.797 0.134 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 40% at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, var(--background-primary) 55%, transparent 55%), repeating-conic-gradient(from 90deg at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0 .6deg, transparent .6deg calc(8deg * var(--bd-scale, 1))), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 0.84;
    --theme-surface-step: 1.14;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: neon-grid-light */
html[data-theme="neon-grid-light"] {
    --text-primary: #171717;
    --text-secondary: #0891B2;
    --text-tertiary: #C026D3;
    --background-primary: #FAFAFA;
    --background-secondary: #F0F0F0;
    --background-dots: #00FFFF26;
    --background-modal: rgba(255, 255, 255, 0.92);
    --border-primary: #06B6D4;
    --border-secondary: #D946EF;
    --accent-success: #059669;
    --accent-primary: #0891B2;
    --accent-warning: #D97706;
    --accent-error: #DC2626;
    --accent-info: oklch(0.609 0.111 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 40% at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, var(--background-primary) 55%, transparent 55%), repeating-conic-gradient(from 90deg at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0 .6deg, transparent .6deg calc(8deg * var(--bd-scale, 1))), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.23;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: neutral-dark */
html[data-theme="neutral-dark"] {
    --text-primary: #E5E5E5;
    --text-secondary: #C7C7C7;
    --text-tertiary: #A3A3A3;
    --background-primary: #171717;
    --background-secondary: #262626;
    --background-dots: #333333;
    --background-modal: rgba(23, 23, 23, 0.9);
    --border-primary: #404040;
    --border-secondary: #333333;
    --accent-success: #6EE7A8;
    --accent-primary: #34D399;
    --accent-warning: #F2C265;
    --accent-error: #F58A8A;
    --accent-info: #6CAAF9;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 50% 65%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(7% * var(--bd-scale, 1))), radial-gradient(circle at 68% 96%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 67% 44%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 37% 6%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 42% 26%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 88% 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 51% 76%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 12% 33%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 8% 40%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.66;
    --theme-surface-step: 1.15;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: neutral-light */
html[data-theme="neutral-light"] {
    --text-primary: #262626;
    --text-secondary: #3A3A3A;
    --text-tertiary: #525252;
    --background-primary: #F5F5F5;
    --background-secondary: #FAFAFA;
    --background-dots: #E7E7E7;
    --background-modal: rgba(245, 245, 245, 0.92);
    --border-primary: #D4D4D4;
    --border-secondary: #E7E7E7;
    --accent-success: #15803D;
    --accent-primary: #047857;
    --accent-warning: #92600A;
    --accent-error: #B42323;
    --accent-info: #1D4ED8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 50% 65%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(7% * var(--bd-scale, 1))), radial-gradient(circle at 68% 96%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 67% 44%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 37% 6%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 42% 26%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 88% 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 51% 76%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 12% 33%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 8% 40%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.13;
    --theme-surface-step: 1.18;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: nocturne-ink-dark */
html[data-theme="nocturne-ink-dark"] {
    --text-primary: #F5F3EF;
    --text-secondary: #C6C2B9;
    --text-tertiary: #8E8A82;
    --background-primary: #08090B;
    --background-secondary: #101216;
    --background-dots: #1A1D22;
    --background-modal: rgba(8, 9, 11, 0.92);
    --border-primary: #23262C;
    --border-secondary: #191C21;
    --accent-success: #7FB069;
    --accent-primary: #E4B363;
    --accent-warning: #E0A458;
    --accent-error: #D45D5D;
    --accent-info: oklch(0.795 0.113 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 26px 71px, 130px 139px, 101px 50px, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0;
    --theme-surface-step: 1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.005em;
    --theme-label-weight: 500;
}

/* Built-in Theme: nocturne-ink-light */
html[data-theme="nocturne-ink-light"] {
    --text-primary: #17181B;
    --text-secondary: #4A4B50;
    --text-tertiary: #75767C;
    --background-primary: #FCFBF9;
    --background-secondary: #F2F1EC;
    --background-dots: #E3E2DB;
    --background-modal: rgba(252, 251, 249, 0.93);
    --border-primary: #DEDCD4;
    --border-secondary: #EAE8E1;
    --accent-success: #4A7A38;
    --accent-primary: #9A6B1F;
    --accent-warning: #9A6B1F;
    --accent-error: #A63D3D;
    --accent-info: oklch(0.564 0.107 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 26px 71px, 130px 139px, 101px 50px, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.005em;
    --theme-label-weight: 500;
}

/* Built-in Theme: nordic-frost-dark */
html[data-theme="nordic-frost-dark"] {
    --text-primary: #E2E8F0;
    --text-secondary: #CBD5E1;
    --text-tertiary: #94A3B8;
    --background-primary: #0A1118;
    --background-secondary: #111C28;
    --background-dots: #1B2C3D;
    --background-modal: rgba(10, 17, 24, 0.86);
    --border-primary: #334155;
    --border-secondary: #1E293B;
    --accent-success: #22C55E;
    --accent-primary: #88C0D0;
    --accent-warning: #F59E0B;
    --accent-error: #EF4444;
    --accent-info: oklch(0.775 0.062 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(30% 24% at 80% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 14% 0, 25% 0, 19% 0, 0 0;
    --theme-surface-alpha: 0.69;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: nordic-frost-light */
html[data-theme="nordic-frost-light"] {
    --text-primary: #0F172A;
    --text-secondary: #334155;
    --text-tertiary: #64748B;
    --background-primary: #F8FBFF;
    --background-secondary: #EDF2F7;
    --background-dots: #E1E8F0;
    --background-modal: rgba(248, 251, 255, 0.9);
    --border-primary: #CBD5E1;
    --border-secondary: #94A3B8;
    --accent-success: #15803D;
    --accent-primary: #3B6E86;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.513 0.067 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(30% 24% at 80% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 14% 0, 25% 0, 19% 0, 0 0;
    --theme-surface-alpha: 0.77;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: obsidian-gold-dark */
html[data-theme="obsidian-gold-dark"] {
    --text-primary: #FEF3C7;
    --text-secondary: #FCD34D;
    --text-tertiary: #FBBF24;
    --background-primary: #0B0B0D;
    --background-secondary: #15161B;
    --background-dots: #252733;
    --background-modal: rgba(11, 11, 13, 0.9);
    --border-primary: #A16207;
    --border-secondary: #854D0E;
    --accent-success: #34D399;
    --accent-primary: #EAB308;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.795 0.162 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(58deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 35%, transparent 73%), linear-gradient(160deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1;
    --theme-sheen: 0.6;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: obsidian-gold-light */
html[data-theme="obsidian-gold-light"] {
    --text-primary: #3F2A00;
    --text-secondary: #713F12;
    --text-tertiary: #92400E;
    --background-primary: #FFFCF5;
    --background-secondary: #FEF7E7;
    --background-dots: #FDE7B8;
    --background-modal: rgba(255, 252, 245, 0.92);
    --border-primary: #FCD34D;
    --border-secondary: #FBBF24;
    --accent-success: #15803D;
    --accent-primary: #A16207;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.554 0.121 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(58deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 35%, transparent 73%), linear-gradient(160deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.2;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1;
    --theme-sheen: 0.6;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: ocean-depth-dark */
html[data-theme="ocean-depth-dark"] {
    --text-primary: #E0F2FE;
    --text-secondary: #7DD3FC;
    --text-tertiary: #38BDF8;
    --background-primary: #05131D;
    --background-secondary: #0A2433;
    --background-dots: #12384D;
    --background-modal: rgba(5, 19, 29, 0.86);
    --border-primary: #1D4ED8;
    --border-secondary: #1E3A8A;
    --accent-success: #14B8A6;
    --accent-primary: #38BDF8;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.754 0.139 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.69;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: ocean-depth-light */
html[data-theme="ocean-depth-light"] {
    --text-primary: #0C4A6E;
    --text-secondary: #0369A1;
    --text-tertiary: #0284C7;
    --background-primary: #F3FBFF;
    --background-secondary: #E0F2FE;
    --background-dots: #CFEFFF;
    --background-modal: rgba(243, 251, 255, 0.9);
    --border-primary: #BAE6FD;
    --border-secondary: #7DD3FC;
    --accent-success: #0F766E;
    --accent-primary: #0369A1;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.5 0.119 285);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.2;
    --theme-surface-step: 1.4;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: oceanic-steel-dark */
html[data-theme="oceanic-steel-dark"] {
    --text-primary: #CDD3DE;
    --text-secondary: #A7ADBA;
    --text-tertiary: #65737E;
    --background-primary: #1B2B34;
    --background-secondary: #22333D;
    --background-dots: #2B3D48;
    --background-modal: rgba(27, 43, 52, 0.9);
    --border-primary: #343D46;
    --border-secondary: #2A343C;
    --accent-success: #99C794;
    --accent-primary: #6699CC;
    --accent-warning: #FAC863;
    --accent-error: #EC5F67;
    --accent-info: oklch(0.668 0.094 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(179deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 42%), radial-gradient(140% 60% at 69% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.7;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.41;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: oceanic-steel-light */
html[data-theme="oceanic-steel-light"] {
    --text-primary: #33474F;
    --text-secondary: #4A5C64;
    --text-tertiary: #6C7C84;
    --background-primary: #F7F9FA;
    --background-secondary: #EDF1F2;
    --background-dots: #E0E6E8;
    --background-modal: rgba(247, 249, 250, 0.92);
    --border-primary: #DAE0E3;
    --border-secondary: #C2CACE;
    --accent-success: #4C7A46;
    --accent-primary: #3A6EA5;
    --accent-warning: #9A6E00;
    --accent-error: #C63C43;
    --accent-info: oklch(0.528 0.104 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(179deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 42%), radial-gradient(140% 60% at 69% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.77;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.39;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: olive-drab-dark */
html[data-theme="olive-drab-dark"] {
    --text-primary: #E4E4D0;
    --text-secondary: #B4B490;
    --text-tertiary: #848464;
    --background-primary: #0E100A;
    --background-secondary: #181A12;
    --background-dots: #24281A;
    --background-modal: rgba(14, 16, 10, 0.9);
    --border-primary: #4A5030;
    --border-secondary: #323620;
    --accent-success: #9CBC5C;
    --accent-primary: #A8B46A;
    --accent-warning: #D4A032;
    --accent-error: #D46A50;
    --accent-info: oklch(0.743 0.099 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(119deg, color-mix(in srgb, var(--accent-error) min(100%, calc(36% * var(--bd-strength, 1))), transparent) 0%, transparent 46%, color-mix(in srgb, var(--accent-success) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(179deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.03;
    --theme-surface-step: 1.11;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: olive-drab-light */
html[data-theme="olive-drab-light"] {
    --text-primary: #242814;
    --text-secondary: #4A5030;
    --text-tertiary: #70784C;
    --background-primary: #FAFAF2;
    --background-secondary: #F0F0E2;
    --background-dots: #DEDEC6;
    --background-modal: rgba(250, 250, 242, 0.93);
    --border-primary: #C4C49C;
    --border-secondary: #A4A478;
    --accent-success: #4D7C0F;
    --accent-primary: #5A6636;
    --accent-warning: #A16207;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.488 0.072 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(119deg, color-mix(in srgb, var(--accent-error) min(100%, calc(36% * var(--bd-strength, 1))), transparent) 0%, transparent 46%, color-mix(in srgb, var(--accent-success) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(179deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.16;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: owl-hours-dark */
html[data-theme="owl-hours-dark"] {
    --text-primary: #D6DEEB;
    --text-secondary: #A8B8CE;
    --text-tertiary: #637777;
    --background-primary: #011627;
    --background-secondary: #0B2942;
    --background-dots: #12354F;
    --background-modal: rgba(1, 22, 39, 0.9);
    --border-primary: #1D3B53;
    --border-secondary: #122D42;
    --accent-success: #22DA6E;
    --accent-primary: #82AAFF;
    --accent-warning: #ECC48D;
    --accent-error: #EF5350;
    --accent-info: oklch(0.744 0.131 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 133px 34px, 131px 23px, 131px 32px, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.35;
    --theme-surface-step: 1.17;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: owl-hours-light */
html[data-theme="owl-hours-light"] {
    --text-primary: #403F53;
    --text-secondary: #4F5A6E;
    --text-tertiary: #7A8595;
    --background-primary: #FBFBFB;
    --background-secondary: #F0F0F0;
    --background-dots: #E4E6E8;
    --background-modal: rgba(251, 251, 251, 0.92);
    --border-primary: #D9D9D9;
    --border-secondary: #C3C6CA;
    --accent-success: #2AA298;
    --accent-primary: #2E6BE6;
    --accent-warning: #B26B00;
    --accent-error: #DA3849;
    --accent-info: oklch(0.56 0.197 285);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 133px 34px, 131px 23px, 131px 32px, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.35;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: oxblood-leather-dark */
html[data-theme="oxblood-leather-dark"] {
    --text-primary: #F0DCD4;
    --text-secondary: #D0A898;
    --text-tertiary: #A87868;
    --background-primary: #1A0C0A;
    --background-secondary: #281410;
    --background-dots: #3A1E18;
    --background-modal: rgba(26, 12, 10, 0.9);
    --border-primary: #6B2820;
    --border-secondary: #4A1C16;
    --accent-success: #94BC7E;
    --accent-primary: #EF6B6B;
    --accent-warning: #D9A441;
    --accent-error: #E86A5C;
    --accent-info: oklch(0.688 0.164 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(20px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.47;
    --theme-surface-step: 1.13;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: oxblood-leather-light */
html[data-theme="oxblood-leather-light"] {
    --text-primary: #3A1410;
    --text-secondary: #6B2820;
    --text-tertiary: #8E4436;
    --background-primary: #FDF6F2;
    --background-secondary: #F6E8E0;
    --background-dots: #EBD4C8;
    --background-modal: rgba(253, 246, 242, 0.93);
    --border-primary: #DDB8A6;
    --border-secondary: #C89680;
    --accent-success: #4D7C0F;
    --accent-primary: #9F1239;
    --accent-warning: #A16207;
    --accent-error: #9F1239;
    --accent-info: oklch(0.455 0.171 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(20px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.3;
    --theme-surface-step: 1.14;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: pale-night-dark */
html[data-theme="pale-night-dark"] {
    --text-primary: #BFC7D5;
    --text-secondary: #A6ACCD;
    --text-tertiary: #697098;
    --background-primary: #292D3E;
    --background-secondary: #31364A;
    --background-dots: #3A3F58;
    --background-modal: rgba(41, 45, 62, 0.9);
    --border-primary: #444A67;
    --border-secondary: #353A50;
    --accent-success: #C3E88D;
    --accent-primary: #C792EA;
    --accent-warning: #FFCB6B;
    --accent-error: #F07178;
    --accent-info: oklch(0.743 0.135 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(1px 1px at 30% 40%, color-mix(in srgb, #ffffff min(100%, calc(60% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.4px 1.4px at 80% 20%, color-mix(in srgb, #ffffff min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(60% 45% at 33% 33%, color-mix(in srgb, var(--accent-error) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(50% 40% at 66% 58%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: calc(120px * var(--bd-scale, 1)) calc(120px * var(--bd-scale, 1)), calc(170px * var(--bd-scale, 1)) calc(150px * var(--bd-scale, 1)), cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.6;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.29;
    --theme-surface-step: 1.57;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: pale-night-light */
html[data-theme="pale-night-light"] {
    --text-primary: #3B4058;
    --text-secondary: #4C5271;
    --text-tertiary: #6E7492;
    --background-primary: #FAFAFD;
    --background-secondary: #F1F1F8;
    --background-dots: #E5E5F0;
    --background-modal: rgba(250, 250, 253, 0.92);
    --border-primary: #E0E0EE;
    --border-secondary: #C9C9DE;
    --accent-success: #5C8A1E;
    --accent-primary: #8A44BE;
    --accent-warning: #A97C00;
    --accent-error: #CE4048;
    --accent-info: oklch(0.532 0.187 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(1px 1px at 30% 40%, color-mix(in srgb, #ffffff min(100%, calc(60% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.4px 1.4px at 80% 20%, color-mix(in srgb, #ffffff min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(60% 45% at 33% 33%, color-mix(in srgb, var(--accent-error) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(50% 40% at 66% 58%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: calc(120px * var(--bd-scale, 1)) calc(120px * var(--bd-scale, 1)), calc(170px * var(--bd-scale, 1)) calc(150px * var(--bd-scale, 1)), cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.66;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.22;
    --theme-surface-step: 1.36;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: paper-ink-dark */
html[data-theme="paper-ink-dark"] {
    --text-primary: #FAFAF9;
    --text-secondary: #E7E5E4;
    --text-tertiary: #A8A29E;
    --background-primary: #171717;
    --background-secondary: #262626;
    --background-dots: #3F3F46;
    --background-modal: rgba(23, 23, 23, 0.86);
    --border-primary: #525252;
    --border-secondary: #3F3F46;
    --accent-success: #22C55E;
    --accent-primary: #A8A29E;
    --accent-warning: #F59E0B;
    --accent-error: #EF4444;
    --accent-info: oklch(0.716 0.009 265);
    --accent-vivid: oklch(0.716 0.13 265);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(156deg, var(--background-primary) 20%, transparent 85%), radial-gradient(circle, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 1.4px, transparent 1.6px), linear-gradient(194deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, calc(10px * var(--bd-scale, 1)) calc(10px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: paper-ink-light */
html[data-theme="paper-ink-light"] {
    --text-primary: #1C1917;
    --text-secondary: #44403C;
    --text-tertiary: #78716C;
    --background-primary: #FFFEFA;
    --background-secondary: #F5F5F4;
    --background-dots: #E7E5E4;
    --background-modal: rgba(255, 254, 250, 0.92);
    --border-primary: #D6D3D1;
    --border-secondary: #A8A29E;
    --accent-success: #15803D;
    --accent-primary: #57534E;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.444 0.01 270);
    --accent-vivid: oklch(0.45 0.13 270);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(156deg, var(--background-primary) 20%, transparent 85%), radial-gradient(circle, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 1.4px, transparent 1.6px), linear-gradient(194deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, calc(10px * var(--bd-scale, 1)) calc(10px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: pastel-mountain-dark */
html[data-theme="pastel-mountain-dark"] {
    --text-primary: #CDD6F4;
    --text-secondary: #BAC2DE;
    --text-tertiary: #A6ADC8;
    --background-primary: #1E1E2E;
    --background-secondary: #313244;
    --background-dots: #45475A;
    --background-modal: rgba(30, 30, 46, 0.9);
    --border-primary: #45475A;
    --border-secondary: #313244;
    --accent-success: #A6E3A1;
    --accent-primary: #CBA6F7;
    --accent-warning: #F9E2AF;
    --accent-error: #F38BA8;
    --accent-info: oklch(0.787 0.119 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(30% 24% at 65% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 35% 0, 44% 0, 3% 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.05;
    --theme-surface-step: 1.3;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: pastel-mountain-light */
html[data-theme="pastel-mountain-light"] {
    --text-primary: #4C4F69;
    --text-secondary: #5C5F77;
    --text-tertiary: #6C6F85;
    --background-primary: #EFF1F5;
    --background-secondary: #E6E9EF;
    --background-dots: #DCE0E8;
    --background-modal: rgba(239, 241, 245, 0.92);
    --border-primary: #CCD0DA;
    --border-secondary: #BCC0CC;
    --accent-success: #40A02B;
    --accent-primary: #8839EF;
    --accent-warning: #DF8E1D;
    --accent-error: #D20F39;
    --accent-info: oklch(0.555 0.25 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(30% 24% at 65% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 35% 0, 44% 0, 3% 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.03;
    --theme-surface-step: 1.59;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: patina-verdigris-dark */
html[data-theme="patina-verdigris-dark"] {
    --text-primary: #C8E8DC;
    --text-secondary: #8AD4BC;
    --text-tertiary: #6BBFA8;
    --background-primary: #0E1210;
    --background-secondary: #162019;
    --background-dots: #1E3028;
    --background-modal: rgba(14, 18, 16, 0.88);
    --border-primary: #3D8B72;
    --border-secondary: #2A6050;
    --accent-success: #5EEAD4;
    --accent-primary: #5FD4B4;
    --accent-warning: #EAB308;
    --accent-error: #F87171;
    --accent-info: oklch(0.794 0.116 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(circle at 13% 14%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(62px * var(--bd-scale, 1))), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.79;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.21;
    --theme-surface-step: 1.14;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: patina-verdigris-light */
html[data-theme="patina-verdigris-light"] {
    --text-primary: #1A3D32;
    --text-secondary: #2D6B58;
    --text-tertiary: #4A8878;
    --background-primary: #F6FAF8;
    --background-secondary: #E8F2EC;
    --background-dots: #D4EAE0;
    --background-modal: rgba(246, 250, 248, 0.92);
    --border-primary: #8FD4BC;
    --border-secondary: #6BBFA8;
    --accent-success: #0D9488;
    --accent-primary: #2D6B58;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.481 0.072 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(circle at 13% 14%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(62px * var(--bd-scale, 1))), linear-gradient(186deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.87;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.08;
    --theme-surface-step: 1.27;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: peacock-dark */
html[data-theme="peacock-dark"] {
    --text-primary: #DFF6F4;
    --text-secondary: #7FD8D0;
    --text-tertiary: #4FA8B8;
    --background-primary: #04141A;
    --background-secondary: #08242E;
    --background-dots: #0C3848;
    --background-modal: rgba(4, 20, 26, 0.9);
    --border-primary: #127C8E;
    --border-secondary: #0B4E5C;
    --accent-success: #2DD4BF;
    --accent-primary: #2DC8D8;
    --accent-warning: #E8B33C;
    --accent-error: #F0607A;
    --accent-info: oklch(0.764 0.122 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(120% 88% at 17% 1%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 74% 16%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(168deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.42;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: peacock-light */
html[data-theme="peacock-light"] {
    --text-primary: #06343E;
    --text-secondary: #0B5A6C;
    --text-tertiary: #128298;
    --background-primary: #F2FBFC;
    --background-secondary: #E2F5F6;
    --background-dots: #C8EAEC;
    --background-modal: rgba(242, 251, 252, 0.93);
    --border-primary: #A2DCE2;
    --border-secondary: #6EC2CC;
    --accent-success: #0F766E;
    --accent-primary: #0B6A7C;
    --accent-warning: #A16207;
    --accent-error: #BE123C;
    --accent-info: oklch(0.484 0.083 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(120% 88% at 17% 1%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 74% 16%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(168deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.14;
    --theme-surface-step: 1.22;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: pistachio-cream-dark */
html[data-theme="pistachio-cream-dark"] {
    --text-primary: #E8F0C8;
    --text-secondary: #C8E098;
    --text-tertiary: #B8D878;
    --background-primary: #101408;
    --background-secondary: #1A2010;
    --background-dots: #2A3010;
    --background-modal: rgba(16, 20, 8, 0.88);
    --border-primary: #6B8030;
    --border-secondary: #4A5820;
    --accent-success: #D4E878;
    --accent-primary: #B4D96A;
    --accent-warning: #EAB308;
    --accent-error: #F87171;
    --accent-info: oklch(0.835 0.145 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.64;
    --theme-surface-step: 1.1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: pistachio-cream-light */
html[data-theme="pistachio-cream-light"] {
    --text-primary: #3D4A18;
    --text-secondary: #6B7F2E;
    --text-tertiary: #849838;
    --background-primary: #FEFFF5;
    --background-secondary: #F4F8E8;
    --background-dots: #EEF6C8;
    --background-modal: rgba(254, 255, 245, 0.92);
    --border-primary: #C8DC88;
    --border-secondary: #A8C868;
    --accent-success: #65A30D;
    --accent-primary: #5F7526;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.528 0.108 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.14;
    --theme-surface-step: 1.36;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: polar-dawn-dark */
html[data-theme="polar-dawn-dark"] {
    --text-primary: #F0F0FA;
    --text-secondary: #BCBED6;
    --text-tertiary: #9496B0;
    --background-primary: #0B0C14;
    --background-secondary: #13151F;
    --background-dots: #1D2030;
    --background-modal: rgba(11, 12, 20, 0.9);
    --border-primary: #2E3248;
    --border-secondary: #222536;
    --accent-success: #8CE0C0;
    --accent-primary: #FFB4C8;
    --accent-warning: #FFD08A;
    --accent-error: #FF8A8A;
    --accent-info: #8CC4FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 34%), radial-gradient(140% 60% at 72% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(199deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 25px;
    --theme-surface-glow: 0.7;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: polar-dawn-light */
html[data-theme="polar-dawn-light"] {
    --text-primary: #171828;
    --text-secondary: #43465E;
    --text-tertiary: #5E6178;
    --background-primary: #FBFAFE;
    --background-secondary: #F2F1F9;
    --background-dots: #E3E2F0;
    --background-modal: rgba(251, 250, 254, 0.92);
    --border-primary: #CFCDE4;
    --border-secondary: #E8E7F3;
    --accent-success: #1E6E54;
    --accent-primary: #A83A5E;
    --accent-warning: #8A5500;
    --accent-error: #B02C2C;
    --accent-info: #2458A8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 34%), radial-gradient(140% 60% at 72% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(199deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.7;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: polar-night-dark */
html[data-theme="polar-night-dark"] {
    --text-primary: #ECEFF4;
    --text-secondary: #D8DEE9;
    --text-tertiary: #8FBCBB;
    --background-primary: #2E3440;
    --background-secondary: #3B4252;
    --background-dots: #434C5E;
    --background-modal: rgba(46, 52, 64, 0.9);
    --border-primary: #4C566A;
    --border-secondary: #434C5E;
    --accent-success: #A3BE8C;
    --accent-primary: #88C0D0;
    --accent-warning: #EBCB8B;
    --accent-error: #BF616A;
    --accent-info: oklch(0.775 0.062 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 22% at 30% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 82% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.72;
    --theme-surface-blur: 27px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.32;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: polar-night-light */
html[data-theme="polar-night-light"] {
    --text-primary: #2E3440;
    --text-secondary: #3B4252;
    --text-tertiary: #4C566A;
    --background-primary: #ECEFF4;
    --background-secondary: #E5E9F0;
    --background-dots: #D8DEE9;
    --background-modal: rgba(236, 239, 244, 0.92);
    --border-primary: #D8DEE9;
    --border-secondary: #C2CBD9;
    --accent-success: #4F7A3F;
    --accent-primary: #5E81AC;
    --accent-warning: #A67C1A;
    --accent-error: #BF616A;
    --accent-info: oklch(0.594 0.077 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 22% at 30% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 82% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.76;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.32;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: porcelain-blue-dark */
html[data-theme="porcelain-blue-dark"] {
    --text-primary: #E8EEF8;
    --text-secondary: #A8BEDC;
    --text-tertiary: #7088A8;
    --background-primary: #0A0E16;
    --background-secondary: #141A26;
    --background-dots: #1E2A3E;
    --background-modal: rgba(10, 14, 22, 0.9);
    --border-primary: #2E5A96;
    --border-secondary: #1E3A62;
    --accent-success: #6EC8C0;
    --accent-primary: #7FA8DC;
    --accent-warning: #D8B058;
    --accent-error: #DE6A82;
    --accent-info: oklch(0.722 0.088 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(circle at 22% 14%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(68px * var(--bd-scale, 1))), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.18;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: porcelain-blue-light */
html[data-theme="porcelain-blue-light"] {
    --text-primary: #12243E;
    --text-secondary: #2E5A96;
    --text-tertiary: #5480B4;
    --background-primary: #FCFDFF;
    --background-secondary: #EFF4FC;
    --background-dots: #D8E4F4;
    --background-modal: rgba(252, 253, 255, 0.94);
    --border-primary: #B4CCE8;
    --border-secondary: #8AAEDA;
    --accent-success: #0F766E;
    --accent-primary: #2E5A96;
    --accent-warning: #A16207;
    --accent-error: #BE123C;
    --accent-info: oklch(0.467 0.109 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(circle at 22% 14%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(68px * var(--bd-scale, 1))), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.18;
    --theme-surface-step: 1.13;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: porcelain-dark */
html[data-theme="porcelain-dark"] {
    --text-primary: #F2EFE8;
    --text-secondary: #C2BDB2;
    --text-tertiary: #8C877C;
    --background-primary: #16150F;
    --background-secondary: #1F1E17;
    --background-dots: #2A2820;
    --background-modal: rgba(22, 21, 15, 0.92);
    --border-primary: #332F26;
    --border-secondary: #25231C;
    --accent-success: #7FC0AC;
    --accent-primary: #7FC0AC;
    --accent-warning: #D6A75A;
    --accent-error: #D97070;
    --accent-info: oklch(0.758 0.073 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.8;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.01em;
    --theme-label-weight: 600;
}

/* Built-in Theme: porcelain-light */
html[data-theme="porcelain-light"] {
    --text-primary: #22201C;
    --text-secondary: #56524A;
    --text-tertiary: #8B857A;
    --background-primary: #FBFAF7;
    --background-secondary: #F1EFE9;
    --background-dots: #E4E1D8;
    --background-modal: rgba(251, 250, 247, 0.93);
    --border-primary: #E2DED4;
    --border-secondary: #EDEAE2;
    --accent-success: #2F6F5E;
    --accent-primary: #2F6F5E;
    --accent-warning: #9A6B1F;
    --accent-error: #A33A3A;
    --accent-info: oklch(0.495 0.072 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.8;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.01em;
    --theme-label-weight: 600;
}

/* Built-in Theme: prism-veil-dark */
html[data-theme="prism-veil-dark"] {
    --text-primary: #F2EEFF;
    --text-secondary: #C3B8E6;
    --text-tertiary: #9A90BE;
    --background-primary: #0C0A16;
    --background-secondary: #151222;
    --background-dots: #211C33;
    --background-modal: rgba(12, 10, 22, 0.9);
    --border-primary: #342C4E;
    --border-secondary: #241F38;
    --accent-success: #6FE3C0;
    --accent-primary: #B69CFF;
    --accent-warning: #FFD166;
    --accent-error: #FF7AA2;
    --accent-info: #5ED3F3;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 137deg at 53% 17%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 317deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(164deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.5;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.9;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.4;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: prism-veil-light */
html[data-theme="prism-veil-light"] {
    --text-primary: #1B1530;
    --text-secondary: #463C68;
    --text-tertiary: #625886;
    --background-primary: #F8F6FF;
    --background-secondary: #EFEBFB;
    --background-dots: #E0DAF4;
    --background-modal: rgba(248, 246, 255, 0.92);
    --border-primary: #CCC2EC;
    --border-secondary: #E6E0F6;
    --accent-success: #157A5C;
    --accent-primary: #5B3FD1;
    --accent-warning: #8A5A00;
    --accent-error: #B42A5A;
    --accent-info: #0A6E8C;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 137deg at 53% 17%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 317deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(164deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.5;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.9;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.4;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: race-livery-dark */
html[data-theme="race-livery-dark"] {
    --text-primary: #F4F4F6;
    --text-secondary: #BDBDC4;
    --text-tertiary: #94949C;
    --background-primary: #09090B;
    --background-secondary: #111114;
    --background-dots: #1B1B20;
    --background-modal: rgba(9, 9, 11, 0.9);
    --border-primary: #2C2C33;
    --border-secondary: #202026;
    --accent-success: #4CD98A;
    --accent-primary: #E63946;
    --accent-warning: #F7B538;
    --accent-error: #FF7A59;
    --accent-info: #6FA8FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(138deg, color-mix(in srgb, var(--accent-error) min(100%, calc(36% * var(--bd-strength, 1))), transparent) 0%, transparent 46%, color-mix(in srgb, var(--accent-success) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(174deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), 0 0, 0 0;
    --theme-surface-alpha: 0.81;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.24;
    --theme-surface-step: 1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.4;
    --theme-sheen: 0.35;
    --theme-grain-angle: 60deg;
    --theme-grain-scale: 1;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.1em;
    --theme-label-weight: 800;
}

/* Built-in Theme: race-livery-light */
html[data-theme="race-livery-light"] {
    --text-primary: #141417;
    --text-secondary: #404047;
    --text-tertiary: #5C5C64;
    --background-primary: #F6F6F7;
    --background-secondary: #ECECEE;
    --background-dots: #DDDDE0;
    --background-modal: rgba(246, 246, 247, 0.92);
    --border-primary: #C9C9CE;
    --border-secondary: #E4E4E7;
    --accent-success: #17753F;
    --accent-primary: #C1121F;
    --accent-warning: #8A5500;
    --accent-error: #A3361C;
    --accent-info: #2553B0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(138deg, color-mix(in srgb, var(--accent-error) min(100%, calc(36% * var(--bd-strength, 1))), transparent) 0%, transparent 46%, color-mix(in srgb, var(--accent-success) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(174deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), 0 0, 0 0;
    --theme-surface-alpha: 0.91;
    --theme-surface-blur: 6px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.4;
    --theme-sheen: 0.35;
    --theme-grain-angle: 60deg;
    --theme-grain-scale: 1;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.1em;
    --theme-label-weight: 800;
}

/* Built-in Theme: rain-window-dark */
html[data-theme="rain-window-dark"] {
    --text-primary: #E6EEF6;
    --text-secondary: #AEBDCC;
    --text-tertiary: #8898AA;
    --background-primary: #0B1016;
    --background-secondary: #121A22;
    --background-dots: #1B2632;
    --background-modal: rgba(11, 16, 22, 0.9);
    --border-primary: #2A3A4A;
    --border-secondary: #1E2A36;
    --accent-success: #7FD6B0;
    --accent-primary: #7CB8F0;
    --accent-warning: #F0C06A;
    --accent-error: #F08A8A;
    --accent-info: #B4A6F6;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 36% 39%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 52% 59%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 82% 38%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 1% 30%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 5% 72%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 46% 97%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 1% 84%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 44% 34%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 39% 56%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), linear-gradient(190deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.62;
    --theme-surface-blur: 28px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.2;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: rain-window-light */
html[data-theme="rain-window-light"] {
    --text-primary: #131C26;
    --text-secondary: #3A4A5C;
    --text-tertiary: #566678;
    --background-primary: #F4F7FA;
    --background-secondary: #E9EEF3;
    --background-dots: #D8E0E8;
    --background-modal: rgba(244, 247, 250, 0.92);
    --border-primary: #C2CEDA;
    --border-secondary: #DFE6EE;
    --accent-success: #1F7050;
    --accent-primary: #1F63A8;
    --accent-warning: #8A5A00;
    --accent-error: #B03838;
    --accent-info: #5A45B8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 36% 39%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 52% 59%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 82% 38%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 1% 30%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 5% 72%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 46% 97%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 1% 84%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 44% 34%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 39% 56%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), linear-gradient(190deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.62;
    --theme-surface-blur: 28px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.2;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: retro-crt-dark */
html[data-theme="retro-crt-dark"] {
    --text-primary: #C7FFCC;
    --text-secondary: #86EFAC;
    --text-tertiary: #4ADE80;
    --background-primary: #030705;
    --background-secondary: #07140E;
    --background-dots: #0B2118;
    --background-modal: rgba(3, 7, 5, 0.88);
    --border-primary: #14532D;
    --border-secondary: #166534;
    --accent-success: #22C55E;
    --accent-primary: #4ADE80;
    --accent-warning: #EAB308;
    --accent-error: #F43F5E;
    --accent-info: oklch(0.8 0.182 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(191deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.89;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.21;
    --theme-surface-step: 1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: retro-crt-light */
html[data-theme="retro-crt-light"] {
    --text-primary: #14532D;
    --text-secondary: #166534;
    --text-tertiary: #15803D;
    --background-primary: #F4FFF6;
    --background-secondary: #E8FEEB;
    --background-dots: #D7F6DC;
    --background-modal: rgba(244, 255, 246, 0.92);
    --border-primary: #A7F3D0;
    --border-secondary: #6EE7B7;
    --accent-success: #15803D;
    --accent-primary: #15803D;
    --accent-warning: #A16207;
    --accent-error: #BE123C;
    --accent-info: oklch(0.527 0.137 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(191deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 1;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.05;
    --theme-surface-step: 1.39;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: retro-crt-mk2-dark */
html[data-theme="retro-crt-mk2-dark"] {
    --text-primary: #D9FFDD;
    --text-secondary: #86DF95;
    --text-tertiary: #4E9A5C;
    --background-primary: #050705;
    --background-secondary: #0C140C;
    --background-dots: #132013;
    --background-modal: rgba(5, 7, 5, 0.92);
    --border-primary: #17361B;
    --border-secondary: #0F2412;
    --accent-success: #39FF6A;
    --accent-primary: #39FF6A;
    --accent-warning: #E8FF5A;
    --accent-error: #FF5A6E;
    --accent-info: oklch(0.877 0.245 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(194deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.9;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 1;
    --theme-surface-step: 0.99;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.14em;
    --theme-label-weight: 700;
}

/* Built-in Theme: retro-crt-mk2-light */
html[data-theme="retro-crt-mk2-light"] {
    --text-primary: #082410;
    --text-secondary: #1F5B2E;
    --text-tertiary: #3D7A4C;
    --background-primary: #F3FAF3;
    --background-secondary: #E6F3E7;
    --background-dots: #D2E8D5;
    --background-modal: rgba(243, 250, 243, 0.93);
    --border-primary: #BEDCC2;
    --border-secondary: #D8ECDA;
    --accent-success: #1B7A38;
    --accent-primary: #1B7A38;
    --accent-warning: #7A6B00;
    --accent-error: #B03040;
    --accent-info: oklch(0.511 0.132 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(194deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.9;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.5;
    --theme-surface-step: 1.11;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.14em;
    --theme-label-weight: 700;
}

/* Built-in Theme: retro-groove-dark */
html[data-theme="retro-groove-dark"] {
    --text-primary: #EBDBB2;
    --text-secondary: #D5C4A1;
    --text-tertiary: #A89984;
    --background-primary: #282828;
    --background-secondary: #3C3836;
    --background-dots: #504945;
    --background-modal: rgba(40, 40, 40, 0.9);
    --border-primary: #504945;
    --border-secondary: #3C3836;
    --accent-success: #B8BB26;
    --accent-primary: #FABD2F;
    --accent-warning: #FE8019;
    --accent-error: #FB4934;
    --accent-info: oklch(0.832 0.159 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(29deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 36%, transparent 69%), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.85;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.2;
    --theme-surface-step: 1.34;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: retro-groove-light */
html[data-theme="retro-groove-light"] {
    --text-primary: #3C3836;
    --text-secondary: #504945;
    --text-tertiary: #7C6F64;
    --background-primary: #FBF1C7;
    --background-secondary: #F2E5BC;
    --background-dots: #EBDBB2;
    --background-modal: rgba(251, 241, 199, 0.92);
    --border-primary: #D5C4A1;
    --border-secondary: #BDAE93;
    --accent-success: #79740E;
    --accent-primary: #B57614;
    --accent-warning: #AF3A03;
    --accent-error: #9D0006;
    --accent-info: oklch(0.618 0.128 245);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(29deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 36%, transparent 69%), linear-gradient(187deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.91;
    --theme-surface-blur: 6px;
    --theme-surface-glow: 0.05;
    --theme-surface-step: 1.35;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: rhubarb-tart-dark */
html[data-theme="rhubarb-tart-dark"] {
    --text-primary: #FFD6E0;
    --text-secondary: #FB7185;
    --text-tertiary: #F43F5E;
    --background-primary: #1A0A10;
    --background-secondary: #281018;
    --background-dots: #3A1824;
    --background-modal: rgba(26, 10, 16, 0.88);
    --border-primary: #9F1239;
    --border-secondary: #7F1D2E;
    --accent-success: #86EFAC;
    --accent-primary: #FB7185;
    --accent-warning: #F59E0B;
    --accent-error: #FB7185;
    --accent-info: oklch(0.719 0.169 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(19px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(16px * var(--bd-scale, 1))), linear-gradient(192deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.72;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: rhubarb-tart-light */
html[data-theme="rhubarb-tart-light"] {
    --text-primary: #7A1028;
    --text-secondary: #BE123C;
    --text-tertiary: #E11D48;
    --background-primary: #FFF8FA;
    --background-secondary: #FFE8EE;
    --background-dots: #FFD0DC;
    --background-modal: rgba(255, 248, 250, 0.92);
    --border-primary: #FDA4AF;
    --border-secondary: #FB7185;
    --accent-success: #15803D;
    --accent-primary: #BE123C;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.514 0.198 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(19px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(16px * var(--bd-scale, 1))), linear-gradient(192deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.3;
    --theme-surface-step: 1.36;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: rose-pine-dark */
html[data-theme="rose-pine-dark"] {
    --text-primary: #E0DEF4;
    --text-secondary: #908CAA;
    --text-tertiary: #6E6A86;
    --background-primary: #191724;
    --background-secondary: #1F1D2E;
    --background-dots: #26233A;
    --background-modal: rgba(25, 23, 36, 0.9);
    --border-primary: #403D52;
    --border-secondary: #26233A;
    --accent-success: #31748F;
    --accent-primary: #C4A7E7;
    --accent-warning: #F6C177;
    --accent-error: #EB6F92;
    --accent-info: oklch(0.776 0.095 150);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(30% 24% at 77% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 5% 0, 32% 0, 3% 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.13;
    --theme-surface-step: 1.19;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: rose-pine-light */
html[data-theme="rose-pine-light"] {
    --text-primary: #575279;
    --text-secondary: #6E6A86;
    --text-tertiary: #797593;
    --background-primary: #FAF4ED;
    --background-secondary: #FFFAF3;
    --background-dots: #F2E9E1;
    --background-modal: rgba(250, 244, 237, 0.92);
    --border-primary: #DFDAD9;
    --border-secondary: #CECACD;
    --accent-success: #286983;
    --accent-primary: #907AA9;
    --accent-warning: #EA9D34;
    --accent-error: #B4637A;
    --accent-info: oklch(0.617 0.074 150);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(30% 24% at 77% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 5% 0, 32% 0, 3% 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.1;
    --theme-surface-step: 1.62;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: rose-titanium-dark */
html[data-theme="rose-titanium-dark"] {
    --text-primary: #F8EFEE;
    --text-secondary: #D2BEBC;
    --text-tertiary: #AA9694;
    --background-primary: #110D0D;
    --background-secondary: #1A1515;
    --background-dots: #261F1F;
    --background-modal: rgba(17, 13, 13, 0.9);
    --border-primary: #3A3030;
    --border-secondary: #2C2424;
    --accent-success: #8CD4B0;
    --accent-primary: #E8A0A0;
    --accent-warning: #F0C47A;
    --accent-error: #FF7F8A;
    --accent-info: #A0B4F0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.78;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.45;
    --theme-grain-angle: 80deg;
    --theme-grain-scale: 0.5;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: rose-titanium-light */
html[data-theme="rose-titanium-light"] {
    --text-primary: #261C1B;
    --text-secondary: #574846;
    --text-tertiary: #726260;
    --background-primary: #FBF7F6;
    --background-secondary: #F3EDEC;
    --background-dots: #E7DDDB;
    --background-modal: rgba(251, 247, 246, 0.92);
    --border-primary: #D6C8C5;
    --border-secondary: #EDE4E2;
    --accent-success: #1F6E4C;
    --accent-primary: #9E3E44;
    --accent-warning: #855400;
    --accent-error: #A8283A;
    --accent-info: #3A52A8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.87;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.45;
    --theme-grain-angle: 80deg;
    --theme-grain-scale: 0.5;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: rosewater-pane-dark */
html[data-theme="rosewater-pane-dark"] {
    --text-primary: #FBEDF2;
    --text-secondary: #DDB9C6;
    --text-tertiary: #B8929F;
    --background-primary: #150D11;
    --background-secondary: #1F1419;
    --background-dots: #2D1E25;
    --background-modal: rgba(21, 13, 17, 0.9);
    --border-primary: #46303A;
    --border-secondary: #33222A;
    --accent-success: #8AD8B0;
    --accent-primary: #F29BB5;
    --accent-warning: #F4BE70;
    --accent-error: #FF7B7B;
    --accent-info: #A8B4FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(181deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 48%), radial-gradient(140% 60% at 86% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(192deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.58;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1.05;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: rosewater-pane-light */
html[data-theme="rosewater-pane-light"] {
    --text-primary: #2C1520;
    --text-secondary: #5E3A48;
    --text-tertiary: #7A5664;
    --background-primary: #FCF5F7;
    --background-secondary: #F6EAEE;
    --background-dots: #EDD9E0;
    --background-modal: rgba(252, 245, 247, 0.92);
    --border-primary: #E0C2CD;
    --border-secondary: #F0E0E6;
    --accent-success: #2A7050;
    --accent-primary: #A63562;
    --accent-warning: #8A5500;
    --accent-error: #B3262E;
    --accent-info: #4150B8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(181deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 48%), radial-gradient(140% 60% at 86% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(192deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.58;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1.11;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.5;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: royal-amethyst-dark */
html[data-theme="royal-amethyst-dark"] {
    --text-primary: #F5F3FF;
    --text-secondary: #E9D5FF;
    --text-tertiary: #C4B5FD;
    --background-primary: #170E2B;
    --background-secondary: #23153F;
    --background-dots: #321E59;
    --background-modal: rgba(23, 14, 43, 0.88);
    --border-primary: #6D28D9;
    --border-secondary: #4C1D95;
    --accent-success: #34D399;
    --accent-primary: #A78BFA;
    --accent-warning: #FBBF24;
    --accent-error: #FB7185;
    --accent-info: oklch(0.709 0.159 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 82deg at 47% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 262deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(160deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.48;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: royal-amethyst-light */
html[data-theme="royal-amethyst-light"] {
    --text-primary: #312E81;
    --text-secondary: #5B21B6;
    --text-tertiary: #6D28D9;
    --background-primary: #FCFAFF;
    --background-secondary: #F5F0FF;
    --background-dots: #EBDDFF;
    --background-modal: rgba(252, 250, 255, 0.92);
    --border-primary: #D8B4FE;
    --border-secondary: #C4B5FD;
    --accent-success: #059669;
    --accent-primary: #6D28D9;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.491 0.241 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 82deg at 47% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 262deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(160deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.26;
    --theme-surface-step: 1.32;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: rusted-rail-dark */
html[data-theme="rusted-rail-dark"] {
    --text-primary: #FEF3C7;
    --text-secondary: #FDBA74;
    --text-tertiary: #B45309;
    --background-primary: #120C0A;
    --background-secondary: #1C1410;
    --background-dots: #3D2418;
    --background-modal: rgba(18, 12, 10, 0.88);
    --border-primary: #9A3412;
    --border-secondary: #7C2D12;
    --accent-success: #4ADE80;
    --accent-primary: #F97316;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.705 0.187 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 40% at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, var(--background-primary) 55%, transparent 55%), repeating-conic-gradient(from 90deg at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0 .6deg, transparent .6deg calc(8deg * var(--bd-scale, 1))), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.78;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.42;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: rusted-rail-light */
html[data-theme="rusted-rail-light"] {
    --text-primary: #431407;
    --text-secondary: #7C2D12;
    --text-tertiary: #9A3412;
    --background-primary: #FFFAF5;
    --background-secondary: #FFF1E6;
    --background-dots: #FFEDD5;
    --background-modal: rgba(255, 250, 245, 0.92);
    --border-primary: #FDBA74;
    --border-secondary: #FB923C;
    --accent-success: #15803D;
    --accent-primary: #9A3412;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.47 0.143 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 40% at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, var(--background-primary) 55%, transparent 55%), repeating-conic-gradient(from 90deg at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0 .6deg, transparent .6deg calc(8deg * var(--bd-scale, 1))), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.87;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.17;
    --theme-surface-step: 1.15;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: saffron-robe-dark */
html[data-theme="saffron-robe-dark"] {
    --text-primary: #FFEDD0;
    --text-secondary: #F0B860;
    --text-tertiary: #B88440;
    --background-primary: #160E06;
    --background-secondary: #22180C;
    --background-dots: #342414;
    --background-modal: rgba(22, 14, 6, 0.9);
    --border-primary: #8A4A1C;
    --border-secondary: #5A3212;
    --accent-success: #9ECC70;
    --accent-primary: #F0A73C;
    --accent-warning: #F59E0B;
    --accent-error: #E05A40;
    --accent-info: oklch(0.781 0.145 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(169deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.46;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: saffron-robe-light */
html[data-theme="saffron-robe-light"] {
    --text-primary: #3A2008;
    --text-secondary: #8A4A1C;
    --text-tertiary: #AE6C2E;
    --background-primary: #FFF9EE;
    --background-secondary: #FCEED6;
    --background-dots: #F2DCB4;
    --background-modal: rgba(255, 249, 238, 0.93);
    --border-primary: #E4BC84;
    --border-secondary: #CC9A58;
    --accent-success: #4D7C0F;
    --accent-primary: #A85A1C;
    --accent-warning: #C2410C;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.55 0.125 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(169deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.1;
    --theme-surface-step: 1.16;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: sakura-night-dark */
html[data-theme="sakura-night-dark"] {
    --text-primary: #FCE7F3;
    --text-secondary: #F9A8D4;
    --text-tertiary: #F472B6;
    --background-primary: #1A1020;
    --background-secondary: #2A1730;
    --background-dots: #3A2143;
    --background-modal: rgba(26, 16, 32, 0.88);
    --border-primary: #9D174D;
    --border-secondary: #831843;
    --accent-success: #34D399;
    --accent-primary: #F9A8D4;
    --accent-warning: #F59E0B;
    --accent-error: #FB7185;
    --accent-info: oklch(0.823 0.11 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(120% 88% at 24% 12%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 92% 12%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(188deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.29;
    --theme-surface-step: 1.1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: sakura-night-light */
html[data-theme="sakura-night-light"] {
    --text-primary: #831843;
    --text-secondary: #9D174D;
    --text-tertiary: #BE185D;
    --background-primary: #FFF7FB;
    --background-secondary: #FCE7F3;
    --background-dots: #FBCFE8;
    --background-modal: rgba(255, 247, 251, 0.92);
    --border-primary: #F9A8D4;
    --border-secondary: #F472B6;
    --accent-success: #15803D;
    --accent-primary: #BE185D;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.525 0.199 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(120% 88% at 24% 12%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 92% 12%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(188deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.26;
    --theme-surface-step: 1.44;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.55;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: salt-flat-dark */
html[data-theme="salt-flat-dark"] {
    --text-primary: #F4F0EE;
    --text-secondary: #CCC0BC;
    --text-tertiary: #968884;
    --background-primary: #14100E;
    --background-secondary: #1E1A18;
    --background-dots: #2C2624;
    --background-modal: rgba(20, 16, 14, 0.9);
    --border-primary: #6A5652;
    --border-secondary: #463A36;
    --accent-success: #8CC8A8;
    --accent-primary: #C8A89C;
    --accent-warning: #E0B478;
    --accent-error: #E88A94;
    --accent-info: oklch(0.757 0.041 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse at 11% 39%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), repeating-radial-gradient(ellipse at 93% 80%, color-mix(in srgb, var(--accent-error) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(26px * var(--bd-scale, 1))), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: salt-flat-light */
html[data-theme="salt-flat-light"] {
    --text-primary: #2A2422;
    --text-secondary: #564A46;
    --text-tertiary: #82726E;
    --background-primary: #FEFCFB;
    --background-secondary: #F6F0EE;
    --background-dots: #E8DCD8;
    --background-modal: rgba(254, 252, 251, 0.94);
    --border-primary: #DCC8C4;
    --border-secondary: #C0A8A4;
    --accent-success: #15803D;
    --accent-primary: #7A5C52;
    --accent-warning: #A16207;
    --accent-error: #BE123C;
    --accent-info: oklch(0.503 0.043 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse at 11% 39%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), repeating-radial-gradient(ellipse at 93% 80%, color-mix(in srgb, var(--accent-error) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(26px * var(--bd-scale, 1))), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0;
    --theme-surface-step: 1.14;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: satin-nickel-dark */
html[data-theme="satin-nickel-dark"] {
    --text-primary: #F1F0EC;
    --text-secondary: #C2C0B8;
    --text-tertiary: #9A9890;
    --background-primary: #0F0F0E;
    --background-secondary: #181817;
    --background-dots: #232321;
    --background-modal: rgba(15, 15, 14, 0.9);
    --border-primary: #373734;
    --border-secondary: #2A2A28;
    --accent-success: #8CD48A;
    --accent-primary: #4FB3A9;
    --accent-warning: #F0C266;
    --accent-error: #F07F74;
    --accent-info: #A2A8F0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(9px * var(--bd-scale, 1))), radial-gradient(90% 70% at 24% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(163deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.78;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.05;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.75;
    --theme-sheen: 0.3;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.4;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: satin-nickel-light */
html[data-theme="satin-nickel-light"] {
    --text-primary: #191916;
    --text-secondary: #484842;
    --text-tertiary: #62625B;
    --background-primary: #F6F6F3;
    --background-secondary: #ECECE7;
    --background-dots: #DEDED7;
    --background-modal: rgba(246, 246, 243, 0.92);
    --border-primary: #CACAC1;
    --border-secondary: #E4E4DE;
    --accent-success: #2E6A28;
    --accent-primary: #0E6A62;
    --accent-warning: #805400;
    --accent-error: #A83426;
    --accent-info: #4448A8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(9px * var(--bd-scale, 1))), radial-gradient(90% 70% at 24% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(163deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.87;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.08;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.75;
    --theme-sheen: 0.3;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.4;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: sea-glass-dark */
html[data-theme="sea-glass-dark"] {
    --text-primary: #B8E0D0;
    --text-secondary: #98D0B8;
    --text-tertiary: #78C0A8;
    --background-primary: #101814;
    --background-secondary: #182420;
    --background-dots: #284038;
    --background-modal: rgba(16, 24, 20, 0.88);
    --border-primary: #4A8878;
    --border-secondary: #386858;
    --accent-success: #A8D8C8;
    --accent-primary: #7FCCB4;
    --accent-warning: #F59E0B;
    --accent-error: #FB7185;
    --accent-info: oklch(0.788 0.084 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.6;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.17;
    --theme-surface-step: 1.23;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: sea-glass-light */
html[data-theme="sea-glass-light"] {
    --text-primary: #285848;
    --text-secondary: #4A8878;
    --text-tertiary: #68A898;
    --background-primary: #FAF8F0;
    --background-secondary: #F0F0E8;
    --background-dots: #E0F0E8;
    --background-modal: rgba(250, 248, 240, 0.92);
    --border-primary: #A8D8C8;
    --border-secondary: #88C8B0;
    --accent-success: #14B8A6;
    --accent-primary: #3E7A68;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.533 0.069 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.66;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.13;
    --theme-surface-step: 1.49;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.4;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: signal-flare-dark */
html[data-theme="signal-flare-dark"] {
    --text-primary: #F4E8F0;
    --text-secondary: #C898B8;
    --text-tertiary: #8E6480;
    --background-primary: #08070A;
    --background-secondary: #121016;
    --background-dots: #201A26;
    --background-modal: rgba(8, 7, 10, 0.92);
    --border-primary: #B4128C;
    --border-secondary: #6A0A54;
    --accent-success: #3EE0B0;
    --accent-primary: #F050B4;
    --accent-warning: #FFB020;
    --accent-error: #FF2D8E;
    --accent-info: oklch(0.68 0.219 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: signal-flare-light */
html[data-theme="signal-flare-light"] {
    --text-primary: #22101C;
    --text-secondary: #6A0A54;
    --text-tertiary: #9E2A80;
    --background-primary: #FEF7FC;
    --background-secondary: #F8EAF4;
    --background-dots: #EED2E4;
    --background-modal: rgba(254, 247, 252, 0.93);
    --border-primary: #E2A8CE;
    --border-secondary: #C87AAC;
    --accent-success: #0F766E;
    --accent-primary: #A8107E;
    --accent-warning: #B45309;
    --accent-error: #C2185B;
    --accent-info: oklch(0.494 0.203 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.55;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: slate-dark */
html[data-theme="slate-dark"] {
    --text-primary: #E2E8F0;
    --text-secondary: #BFC9D7;
    --text-tertiary: #94A3B8;
    --background-primary: #0F172A;
    --background-secondary: #1E293B;
    --background-dots: #283548;
    --background-modal: rgba(15, 23, 42, 0.9);
    --border-primary: #334155;
    --border-secondary: #283548;
    --accent-success: #6EE7A8;
    --accent-primary: #38BDF8;
    --accent-warning: #F2C265;
    --accent-error: #F58A8A;
    --accent-info: #F472B6;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 22% at 38% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 83% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.52;
    --theme-surface-step: 1.15;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: slate-light */
html[data-theme="slate-light"] {
    --text-primary: #1E293B;
    --text-secondary: #303D50;
    --text-tertiary: #475569;
    --background-primary: #F1F5F9;
    --background-secondary: #F8FAFC;
    --background-dots: #E2E8EE;
    --background-modal: rgba(241, 245, 249, 0.92);
    --border-primary: #CBD5E1;
    --border-secondary: #E2E8EE;
    --accent-success: #15803D;
    --accent-primary: #0369A1;
    --accent-warning: #92600A;
    --accent-error: #B42323;
    --accent-info: #BE185D;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 22% at 38% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 83% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.15;
    --theme-surface-step: 1.2;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: slate-one-dark */
html[data-theme="slate-one-dark"] {
    --text-primary: #ABB2BF;
    --text-secondary: #9DA5B4;
    --text-tertiary: #5C6370;
    --background-primary: #282C34;
    --background-secondary: #31353F;
    --background-dots: #3E4451;
    --background-modal: rgba(40, 44, 52, 0.9);
    --border-primary: #3E4451;
    --border-secondary: #333842;
    --accent-success: #98C379;
    --accent-primary: #61AFEF;
    --accent-warning: #E5C07B;
    --accent-error: #E06C75;
    --accent-info: oklch(0.73 0.121 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(16deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(53px * var(--bd-scale, 1))), repeating-linear-gradient(-8deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(71px * var(--bd-scale, 1))), linear-gradient(171deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.9;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.07;
    --theme-surface-step: 1.76;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: slate-one-light */
html[data-theme="slate-one-light"] {
    --text-primary: #383A42;
    --text-secondary: #4F525E;
    --text-tertiary: #696C77;
    --background-primary: #FAFAFA;
    --background-secondary: #F0F0F1;
    --background-dots: #E5E5E6;
    --background-modal: rgba(250, 250, 250, 0.92);
    --border-primary: #E5E5E6;
    --border-secondary: #D0D0D2;
    --accent-success: #50A14F;
    --accent-primary: #4078F2;
    --accent-warning: #986801;
    --accent-error: #E45649;
    --accent-info: oklch(0.602 0.193 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(16deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(53px * var(--bd-scale, 1))), repeating-linear-gradient(-8deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(71px * var(--bd-scale, 1))), linear-gradient(171deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 1;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.04;
    --theme-surface-step: 1.3;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: smoked-plum-dark */
html[data-theme="smoked-plum-dark"] {
    --text-primary: #E0C8E0;
    --text-secondary: #C0A0C8;
    --text-tertiary: #A878B0;
    --background-primary: #100818;
    --background-secondary: #1A1020;
    --background-dots: #281830;
    --background-modal: rgba(16, 8, 24, 0.88);
    --border-primary: #582868;
    --border-secondary: #401848;
    --accent-success: #D878C8;
    --accent-primary: #B98CD0;
    --accent-warning: #FBBF24;
    --accent-error: #FB7185;
    --accent-info: oklch(0.707 0.108 210);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(120% 88% at 31% 5%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 95% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(161deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.17;
    --theme-surface-step: 1.18;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: smoked-plum-light */
html[data-theme="smoked-plum-light"] {
    --text-primary: #3A1848;
    --text-secondary: #6B3080;
    --text-tertiary: #8848A0;
    --background-primary: #FAF6FA;
    --background-secondary: #F0E8F0;
    --background-dots: #E4D4E8;
    --background-modal: rgba(250, 246, 250, 0.92);
    --border-primary: #C8A0D0;
    --border-secondary: #B088C0;
    --accent-success: #9333EA;
    --accent-primary: #6B3080;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.425 0.138 175);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(120% 88% at 31% 5%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 95% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(161deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.26;
    --theme-surface-step: 1.19;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: solar-ember-dark */
html[data-theme="solar-ember-dark"] {
    --text-primary: #FFF7ED;
    --text-secondary: #FDBA74;
    --text-tertiary: #FB923C;
    --background-primary: #1A0F08;
    --background-secondary: #2D1A12;
    --background-dots: #442617;
    --background-modal: rgba(26, 15, 8, 0.86);
    --border-primary: #7C2D12;
    --border-secondary: #9A3412;
    --accent-success: #4ADE80;
    --accent-primary: #FB923C;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.758 0.159 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 50% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 50% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.84;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: solar-ember-light */
html[data-theme="solar-ember-light"] {
    --text-primary: #7C2D12;
    --text-secondary: #9A3412;
    --text-tertiary: #C2410C;
    --background-primary: #FFF8F1;
    --background-secondary: #FFEDD5;
    --background-dots: #FED7AA;
    --background-modal: rgba(255, 248, 241, 0.92);
    --border-primary: #FDBA74;
    --border-secondary: #FB923C;
    --accent-success: #15803D;
    --accent-primary: #C2410C;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.553 0.174 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 50% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 50% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.21;
    --theme-surface-step: 1.44;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: solar-flats-dark */
html[data-theme="solar-flats-dark"] {
    --text-primary: #93A1A1;
    --text-secondary: #839496;
    --text-tertiary: #657B83;
    --background-primary: #002B36;
    --background-secondary: #073642;
    --background-dots: #0A4552;
    --background-modal: rgba(0, 43, 54, 0.9);
    --border-primary: #0A4552;
    --border-secondary: #073642;
    --accent-success: #859900;
    --accent-primary: #268BD2;
    --accent-warning: #B58900;
    --accent-error: #DC322F;
    --accent-info: oklch(0.615 0.139 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 38%), radial-gradient(140% 60% at 64% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(172deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.04;
    --theme-surface-step: 1.8;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: solar-flats-light */
html[data-theme="solar-flats-light"] {
    --text-primary: #586E75;
    --text-secondary: #657B83;
    --text-tertiary: #93A1A1;
    --background-primary: #FDF6E3;
    --background-secondary: #EEE8D5;
    --background-dots: #E4DCC6;
    --background-modal: rgba(253, 246, 227, 0.92);
    --border-primary: #E4DCC6;
    --border-secondary: #D6CDB4;
    --accent-success: #657B00;
    --accent-primary: #268BD2;
    --accent-warning: #93700A;
    --accent-error: #DC322F;
    --accent-info: oklch(0.615 0.139 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 38%), radial-gradient(140% 60% at 64% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(172deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.8;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: solar-wind-dark */
html[data-theme="solar-wind-dark"] {
    --text-primary: #FCEAF4;
    --text-secondary: #DDB0C8;
    --text-tertiary: #B888A2;
    --background-primary: #10060E;
    --background-secondary: #1A0C18;
    --background-dots: #281424;
    --background-modal: rgba(16, 6, 14, 0.9);
    --border-primary: #42203A;
    --border-secondary: #301829;
    --accent-success: #5FE0B0;
    --accent-primary: #FF5CA8;
    --accent-warning: #FFA94D;
    --accent-error: #FF6B5C;
    --accent-info: #7FB4FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 111deg at 30% -10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0deg, transparent 140deg, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 300deg, transparent 360deg), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 25px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: solar-wind-light */
html[data-theme="solar-wind-light"] {
    --text-primary: #2C0A20;
    --text-secondary: #5E2C4A;
    --text-tertiary: #7A4866;
    --background-primary: #FDF4F8;
    --background-secondary: #F8E6EF;
    --background-dots: #F0D2E1;
    --background-modal: rgba(253, 244, 248, 0.92);
    --border-primary: #E4B8CE;
    --border-secondary: #F2DDE8;
    --accent-success: #127050;
    --accent-primary: #B0156A;
    --accent-warning: #9A4A00;
    --accent-error: #A8261A;
    --accent-info: #2E54B0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 111deg at 30% -10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0deg, transparent 140deg, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 300deg, transparent 360deg), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: squid-ink-dark */
html[data-theme="squid-ink-dark"] {
    --text-primary: #EAF0F4;
    --text-secondary: #AEBCC6;
    --text-tertiary: #86969F;
    --background-primary: #050709;
    --background-secondary: #0A0E12;
    --background-dots: #11181E;
    --background-modal: rgba(5, 7, 9, 0.9);
    --border-primary: #1C2832;
    --border-secondary: #141D25;
    --accent-success: #7FCFA4;
    --accent-primary: #4AA3B8;
    --accent-warning: #E8C272;
    --accent-error: #F08484;
    --accent-info: #A89CF0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(circle at 17% 16%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(58px * var(--bd-scale, 1))), linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.2;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.08em;
    --theme-label-weight: 800;
}

/* Built-in Theme: squid-ink-light */
html[data-theme="squid-ink-light"] {
    --text-primary: #0A1216;
    --text-secondary: #34444C;
    --text-tertiary: #4F5F68;
    --background-primary: #F6F8F9;
    --background-secondary: #ECF0F2;
    --background-dots: #DCE3E7;
    --background-modal: rgba(246, 248, 249, 0.92);
    --border-primary: #C6D1D7;
    --border-secondary: #E2E8EB;
    --accent-success: #1E6A48;
    --accent-primary: #0F6278;
    --accent-warning: #7E5400;
    --accent-error: #A83232;
    --accent-info: #4A40A8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(circle at 17% 16%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(58px * var(--bd-scale, 1))), linear-gradient(182deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.03;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.2;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.08em;
    --theme-label-weight: 800;
}

/* Built-in Theme: static-noise-dark */
html[data-theme="static-noise-dark"] {
    --text-primary: #FFFFFF;
    --text-secondary: #B4B4B4;
    --text-tertiary: #787878;
    --background-primary: #000000;
    --background-secondary: #0E0E0E;
    --background-dots: #1E1E1E;
    --background-modal: rgba(0, 0, 0, 0.92);
    --border-primary: #5A5A5A;
    --border-secondary: #323232;
    --accent-success: #DCDCDC;
    --accent-primary: #D4D4D4;
    --accent-warning: #A0A0A0;
    --accent-error: #F0F0F0;
    --accent-info: oklch(0.87 0 89.9);
    --accent-vivid: oklch(0.8 0.13 250);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(127deg, var(--background-primary) 20%, transparent 85%), radial-gradient(circle, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 1.4px, transparent 1.6px), linear-gradient(194deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, calc(10px * var(--bd-scale, 1)) calc(10px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.86;
    --theme-surface-blur: 7px;
    --theme-surface-glow: 0.07;
    --theme-surface-step: 0.83;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: static-noise-light */
html[data-theme="static-noise-light"] {
    --text-primary: #000000;
    --text-secondary: #4A4A4A;
    --text-tertiary: #7A7A7A;
    --background-primary: #FFFFFF;
    --background-secondary: #F2F2F2;
    --background-dots: #DCDCDC;
    --background-modal: rgba(255, 255, 255, 0.94);
    --border-primary: #B4B4B4;
    --border-secondary: #8C8C8C;
    --accent-success: #2A2A2A;
    --accent-primary: #3A3A3A;
    --accent-warning: #6A6A6A;
    --accent-error: #0A0A0A;
    --accent-info: oklch(0.348 0 89.9);
    --accent-vivid: oklch(0.45 0.13 250);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(127deg, var(--background-primary) 20%, transparent 85%), radial-gradient(circle, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 1.4px, transparent 1.6px), linear-gradient(194deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, calc(10px * var(--bd-scale, 1)) calc(10px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.92;
    --theme-surface-blur: 6px;
    --theme-surface-glow: 0.05;
    --theme-surface-step: 0.83;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.6;
    --theme-sheen: 0.2;
    --theme-grain-angle: 45deg;
    --theme-grain-scale: 1;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: steel-dawn-dark */
html[data-theme="steel-dawn-dark"] {
    --text-primary: #E2E8F0;
    --text-secondary: #94A3B8;
    --text-tertiary: #64748B;
    --background-primary: #0B0F14;
    --background-secondary: #121922;
    --background-dots: #1A2332;
    --background-modal: rgba(11, 15, 20, 0.88);
    --border-primary: #3D4F5F;
    --border-secondary: #2A3542;
    --accent-success: #2DD4BF;
    --accent-primary: #7DD3FC;
    --accent-warning: #F59E0B;
    --accent-error: #FB7185;
    --accent-info: oklch(0.828 0.101 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(52deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 43%, transparent 71%), linear-gradient(195deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.69;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.14;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: steel-dawn-light */
html[data-theme="steel-dawn-light"] {
    --text-primary: #1E293B;
    --text-secondary: #475569;
    --text-tertiary: #64748B;
    --background-primary: #F4F6F8;
    --background-secondary: #EEF2F6;
    --background-dots: #DDE4ED;
    --background-modal: rgba(244, 246, 248, 0.92);
    --border-primary: #CBD5E1;
    --border-secondary: #94A3B8;
    --accent-success: #0F766E;
    --accent-primary: #0369A1;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.5 0.119 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(52deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 43%, transparent 71%), linear-gradient(195deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.76;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.2;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: stone-dark */
html[data-theme="stone-dark"] {
    --text-primary: #E7E5E4;
    --text-secondary: #CBC7C4;
    --text-tertiary: #A8A29E;
    --background-primary: #1C1917;
    --background-secondary: #292524;
    --background-dots: #363230;
    --background-modal: rgba(28, 25, 23, 0.9);
    --border-primary: #44403C;
    --border-secondary: #363230;
    --accent-success: #6EE7A8;
    --accent-primary: #F59E0B;
    --accent-warning: #F2C265;
    --accent-error: #F58A8A;
    --accent-info: #EF4444;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(196deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.66;
    --theme-surface-step: 1.17;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: stone-light */
html[data-theme="stone-light"] {
    --text-primary: #292524;
    --text-secondary: #3E3A37;
    --text-tertiary: #57534E;
    --background-primary: #F5F5F4;
    --background-secondary: #FAFAF9;
    --background-dots: #E8E6E5;
    --background-modal: rgba(245, 245, 244, 0.92);
    --border-primary: #D6D3D1;
    --border-secondary: #E8E6E5;
    --accent-success: #15803D;
    --accent-primary: #B45309;
    --accent-warning: #92600A;
    --accent-error: #B42323;
    --accent-info: #B91C1C;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(196deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.13;
    --theme-surface-step: 1.18;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: storm-petrel-dark */
html[data-theme="storm-petrel-dark"] {
    --text-primary: #EAEEF0;
    --text-secondary: #AEBAC0;
    --text-tertiary: #7A868C;
    --background-primary: #0B0E10;
    --background-secondary: #141A1E;
    --background-dots: #1E262C;
    --background-modal: rgba(11, 14, 16, 0.9);
    --border-primary: #42525A;
    --border-secondary: #2A363C;
    --accent-success: #64C4B4;
    --accent-primary: #8AA4B0;
    --accent-warning: #D8A44C;
    --accent-error: #DC6C7C;
    --accent-info: oklch(0.703 0.034 275);
    --accent-vivid: oklch(0.703 0.13 275);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(176deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.7;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.05;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: storm-petrel-light */
html[data-theme="storm-petrel-light"] {
    --text-primary: #181E22;
    --text-secondary: #42525A;
    --text-tertiary: #6A7A82;
    --background-primary: #F7F9FA;
    --background-secondary: #EBEFF2;
    --background-dots: #D8E0E4;
    --background-modal: rgba(247, 249, 250, 0.93);
    --border-primary: #BECAD0;
    --border-secondary: #9AAAB2;
    --accent-success: #0F766E;
    --accent-primary: #42525A;
    --accent-warning: #A16207;
    --accent-error: #BE123C;
    --accent-info: oklch(0.428 0.024 280);
    --accent-vivid: oklch(0.45 0.13 280);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(176deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.77;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.1;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: sumi-ink-dark */
html[data-theme="sumi-ink-dark"] {
    --text-primary: #E8E0D4;
    --text-secondary: #C8B8A8;
    --text-tertiary: #A89888;
    --background-primary: #121010;
    --background-secondary: #1C1816;
    --background-dots: #2A2420;
    --background-modal: rgba(18, 16, 16, 0.88);
    --border-primary: #4A4038;
    --border-secondary: #363028;
    --accent-success: #86EFAC;
    --accent-primary: #C8B090;
    --accent-warning: #EAB308;
    --accent-error: #C84040;
    --accent-info: oklch(0.77 0.052 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(30% 24% at 94% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 30% 0, 31% 0, 1% 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.03;
    --theme-surface-step: 1.13;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: sumi-ink-light */
html[data-theme="sumi-ink-light"] {
    --text-primary: #2C2420;
    --text-secondary: #4A4038;
    --text-tertiary: #6B5E54;
    --background-primary: #FAF6EE;
    --background-secondary: #F0EAE0;
    --background-dots: #E4DAD0;
    --background-modal: rgba(250, 246, 238, 0.92);
    --border-primary: #D4C8B8;
    --border-secondary: #B8A898;
    --accent-success: #15803D;
    --accent-primary: #6B5A44;
    --accent-warning: #B45309;
    --accent-error: #991B1B;
    --accent-info: oklch(0.478 0.04 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(30% 24% at 94% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 30% 0, 31% 0, 1% 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.17;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: sunflower-ink-dark */
html[data-theme="sunflower-ink-dark"] {
    --text-primary: #FEF3C7;
    --text-secondary: #FCD34D;
    --text-tertiary: #FBBF24;
    --background-primary: #1A1710;
    --background-secondary: #262114;
    --background-dots: #3B3118;
    --background-modal: rgba(26, 23, 16, 0.88);
    --border-primary: #92400E;
    --border-secondary: #78350F;
    --accent-success: #34D399;
    --accent-primary: #FCD34D;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.879 0.153 275);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(circle at 32% 10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(74px * var(--bd-scale, 1))), linear-gradient(190deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.09;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: sunflower-ink-light */
html[data-theme="sunflower-ink-light"] {
    --text-primary: #713F12;
    --text-secondary: #854D0E;
    --text-tertiary: #A16207;
    --background-primary: #FFFBEB;
    --background-secondary: #FEF3C7;
    --background-dots: #FDE68A;
    --background-modal: rgba(255, 251, 235, 0.92);
    --border-primary: #FCD34D;
    --border-secondary: #FBBF24;
    --accent-success: #15803D;
    --accent-primary: #A16207;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.554 0.121 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(circle at 32% 10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(74px * var(--bd-scale, 1))), linear-gradient(190deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.46;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: synth-sunset-dark */
html[data-theme="synth-sunset-dark"] {
    --text-primary: #F5EFFF;
    --text-secondary: #D3BFF0;
    --text-tertiary: #8A7CA8;
    --background-primary: #241B2F;
    --background-secondary: #2A1F3D;
    --background-dots: #3A2A52;
    --background-modal: rgba(36, 27, 47, 0.9);
    --border-primary: #4A3568;
    --border-secondary: #35264C;
    --accent-success: #72F1B8;
    --accent-primary: #FF7EDB;
    --accent-warning: #FEDE5D;
    --accent-error: #FE4450;
    --accent-info: oklch(0.769 0.189 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 56% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 56% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 56% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.15;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: synth-sunset-light */
html[data-theme="synth-sunset-light"] {
    --text-primary: #38284D;
    --text-secondary: #4C3868;
    --text-tertiary: #6E5C8A;
    --background-primary: #FCF7FF;
    --background-secondary: #F5EDFB;
    --background-dots: #EADFF4;
    --background-modal: rgba(252, 247, 255, 0.92);
    --border-primary: #E3D6F0;
    --border-secondary: #CBB8DE;
    --accent-success: #1F8A5E;
    --accent-primary: #C0248F;
    --accent-warning: #9A7500;
    --accent-error: #D62839;
    --accent-info: oklch(0.553 0.213 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 56% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 56% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 56% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.3;
    --theme-surface-step: 1.24;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: tarnished-brass-dark */
html[data-theme="tarnished-brass-dark"] {
    --text-primary: #EFE6C8;
    --text-secondary: #C4B078;
    --text-tertiary: #8E8050;
    --background-primary: #0E1210;
    --background-secondary: #161C18;
    --background-dots: #202A24;
    --background-modal: rgba(14, 18, 16, 0.9);
    --border-primary: #6A6234;
    --border-secondary: #3E4432;
    --accent-success: #7EC49A;
    --accent-primary: #C8B060;
    --accent-warning: #C8A034;
    --accent-error: #D4685E;
    --accent-info: oklch(0.761 0.104 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(27px * var(--bd-scale, 1))), linear-gradient(198deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.78;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.14;
    --theme-surface-step: 1.11;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: tarnished-brass-light */
html[data-theme="tarnished-brass-light"] {
    --text-primary: #242A1E;
    --text-secondary: #5A5432;
    --text-tertiary: #847A4C;
    --background-primary: #FBFAF2;
    --background-secondary: #F2F0E0;
    --background-dots: #E0DCC2;
    --background-modal: rgba(251, 250, 242, 0.93);
    --border-primary: #CCC28E;
    --border-secondary: #AEA46C;
    --accent-success: #15803D;
    --accent-primary: #6E6432;
    --accent-warning: #A16207;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.501 0.071 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(27px * var(--bd-scale, 1))), linear-gradient(198deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.87;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.08;
    --theme-surface-step: 1.17;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: terminal-amber-dark */
html[data-theme="terminal-amber-dark"] {
    --text-primary: #FFD080;
    --text-secondary: #FFB830;
    --text-tertiary: #C88A00;
    --background-primary: #0A0800;
    --background-secondary: #140F00;
    --background-dots: #1F1600;
    --background-modal: rgba(10, 8, 0, 0.90);
    --border-primary: #6B4C00;
    --border-secondary: #4A3500;
    --accent-success: #FFB830;
    --accent-primary: #FFB830;
    --accent-warning: #FF8C00;
    --accent-error: #FF5555;
    --accent-info: oklch(0.828 0.16 230);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(172deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.88;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.21;
    --theme-surface-step: 1.11;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: terminal-amber-light */
html[data-theme="terminal-amber-light"] {
    --text-primary: #5C3B00;
    --text-secondary: #8B5E00;
    --text-tertiary: #A87A00;
    --background-primary: #FFFCF0;
    --background-secondary: #FFF5D0;
    --background-dots: #FFE8A0;
    --background-modal: rgba(255, 252, 240, 0.92);
    --border-primary: #E8C860;
    --border-secondary: #DDB820;
    --accent-success: #5C3B00;
    --accent-primary: #8B5E00;
    --accent-warning: #B45309;
    --accent-error: #B91C1C;
    --accent-info: oklch(0.517 0.108 230);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(172deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 1;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.04;
    --theme-surface-step: 1.36;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.05;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.18em;
    --theme-label-weight: 700;
}

/* Built-in Theme: terracotta-studio-dark */
html[data-theme="terracotta-studio-dark"] {
    --text-primary: #F0D0C0;
    --text-secondary: #D8A088;
    --text-tertiary: #C88870;
    --background-primary: #141010;
    --background-secondary: #201816;
    --background-dots: #302420;
    --background-modal: rgba(20, 16, 16, 0.88);
    --border-primary: #A85840;
    --border-secondary: #804030;
    --accent-success: #E87850;
    --accent-primary: #F08A5D;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.734 0.138 225);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(179deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.18;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: terracotta-studio-light */
html[data-theme="terracotta-studio-light"] {
    --text-primary: #5C3020;
    --text-secondary: #9A5840;
    --text-tertiary: #B86848;
    --background-primary: #FBF7F4;
    --background-secondary: #F0E8E0;
    --background-dots: #E8D8C8;
    --background-modal: rgba(251, 247, 244, 0.92);
    --border-primary: #E8B8A0;
    --border-secondary: #D8A088;
    --accent-success: #C2410C;
    --accent-primary: #B4442A;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.536 0.151 215);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(179deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.03;
    --theme-surface-step: 1.34;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: thunderhead-dark */
html[data-theme="thunderhead-dark"] {
    --text-primary: #D8D8F0;
    --text-secondary: #A8A8D8;
    --text-tertiary: #9898C8;
    --background-primary: #0C0C14;
    --background-secondary: #141420;
    --background-dots: #1E1E30;
    --background-modal: rgba(12, 12, 20, 0.88);
    --border-primary: #4848A0;
    --border-secondary: #303068;
    --accent-success: #B388FF;
    --accent-primary: #8C8CE0;
    --accent-warning: #FBBF24;
    --accent-error: #FB7185;
    --accent-info: oklch(0.675 0.123 190);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.69;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.2;
    --theme-surface-step: 1.13;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: thunderhead-light */
html[data-theme="thunderhead-light"] {
    --text-primary: #282840;
    --text-secondary: #5858A0;
    --text-tertiary: #6868B0;
    --background-primary: #F0F0F8;
    --background-secondary: #E4E4F0;
    --background-dots: #D0D0E8;
    --background-modal: rgba(240, 240, 248, 0.92);
    --border-primary: #A8A8E0;
    --border-secondary: #8888D0;
    --accent-success: #7C3AED;
    --accent-primary: #4848A0;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.451 0.139 170);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.77;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.2;
    --theme-surface-step: 1.24;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: tidal-slate-dark */
html[data-theme="tidal-slate-dark"] {
    --text-primary: #DCE8E8;
    --text-secondary: #A4BCBC;
    --text-tertiary: #748C8C;
    --background-primary: #0D1414;
    --background-secondary: #16201F;
    --background-dots: #20302E;
    --background-modal: rgba(13, 20, 20, 0.9);
    --border-primary: #3E5654;
    --border-secondary: #2A3C3A;
    --accent-success: #6ED8B0;
    --accent-primary: #6FB0AC;
    --accent-warning: #D8AC5C;
    --accent-error: #E0707E;
    --accent-info: oklch(0.712 0.067 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(198deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.7;
    --theme-surface-blur: 29px;
    --theme-surface-glow: 0.11;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: tidal-slate-light */
html[data-theme="tidal-slate-light"] {
    --text-primary: #1C2A2A;
    --text-secondary: #3E5654;
    --text-tertiary: #5E7A78;
    --background-primary: #F4F8F8;
    --background-secondary: #E8F0EF;
    --background-dots: #D4E2E0;
    --background-modal: rgba(244, 248, 248, 0.93);
    --border-primary: #B4C8C6;
    --border-secondary: #90A8A6;
    --accent-success: #0F766E;
    --accent-primary: #356866;
    --accent-warning: #A16207;
    --accent-error: #BE123C;
    --accent-info: oklch(0.481 0.055 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(198deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.77;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.18;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: tidepool-lens-dark */
html[data-theme="tidepool-lens-dark"] {
    --text-primary: #E4FAF8;
    --text-secondary: #A6D8D4;
    --text-tertiary: #7FB4B0;
    --background-primary: #04161A;
    --background-secondary: #0A2228;
    --background-dots: #12323A;
    --background-modal: rgba(4, 22, 26, 0.9);
    --border-primary: #1F4A52;
    --border-secondary: #15363D;
    --accent-success: #5FE3A1;
    --accent-primary: #43D9D0;
    --accent-warning: #F4C45A;
    --accent-error: #FF7A85;
    --accent-info: #7FB6FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(120% 88% at 22% 14%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 75% 4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(175deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 1.06;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: tidepool-lens-light */
html[data-theme="tidepool-lens-light"] {
    --text-primary: #0B2A2E;
    --text-secondary: #2B5559;
    --text-tertiary: #4A6E71;
    --background-primary: #F2FBFA;
    --background-secondary: #E3F4F2;
    --background-dots: #CFE8E5;
    --background-modal: rgba(242, 251, 250, 0.92);
    --border-primary: #B4D8D4;
    --border-secondary: #D6ECE9;
    --accent-success: #12784A;
    --accent-primary: #067A74;
    --accent-warning: #8A5B00;
    --accent-error: #B3263A;
    --accent-info: #2159B8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(120% 88% at 22% 14%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 75% 4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(175deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 22px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 1.16;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0.3;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: tomorrow-dusk-dark */
html[data-theme="tomorrow-dusk-dark"] {
    --text-primary: #C5C8C6;
    --text-secondary: #B4B7B4;
    --text-tertiary: #969896;
    --background-primary: #1D1F21;
    --background-secondary: #282A2E;
    --background-dots: #373B41;
    --background-modal: rgba(29, 31, 33, 0.9);
    --border-primary: #373B41;
    --border-secondary: #282A2E;
    --accent-success: #B5BD68;
    --accent-primary: #81A2BE;
    --accent-warning: #F0C674;
    --accent-error: #CC6666;
    --accent-info: oklch(0.698 0.055 245);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 55% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 55% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 55% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 0.21;
    --theme-surface-step: 1.4;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: tomorrow-dusk-light */
html[data-theme="tomorrow-dusk-light"] {
    --text-primary: #4D4D4C;
    --text-secondary: #5A5A58;
    --text-tertiary: #8E908C;
    --background-primary: #FFFFFF;
    --background-secondary: #EFEFEF;
    --background-dots: #E0E0E0;
    --background-modal: rgba(255, 255, 255, 0.92);
    --border-primary: #D6D6D6;
    --border-secondary: #BFBFBF;
    --accent-success: #718C00;
    --accent-primary: #4271AE;
    --accent-warning: #8A6D00;
    --accent-error: #C82829;
    --accent-info: oklch(0.544 0.109 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 55% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 55% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 55% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 20px;
    --theme-surface-glow: 0.17;
    --theme-surface-step: 1.43;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.35;
    --theme-sheen: 0.35;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: tyrian-dark */
html[data-theme="tyrian-dark"] {
    --text-primary: #F6E8F2;
    --text-secondary: #D8A8CC;
    --text-tertiary: #A87098;
    --background-primary: #12060F;
    --background-secondary: #1E0C1A;
    --background-dots: #2E1428;
    --background-modal: rgba(18, 6, 15, 0.9);
    --border-primary: #7A1E5E;
    --border-secondary: #4E1240;
    --accent-success: #5ECCA0;
    --accent-primary: #E86FBE;
    --accent-warning: #E0B040;
    --accent-error: #F05A7E;
    --accent-info: oklch(0.708 0.174 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(120% 88% at 18% 21%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 72% 19%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(167deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.51;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: tyrian-light */
html[data-theme="tyrian-light"] {
    --text-primary: #380A2C;
    --text-secondary: #661A50;
    --text-tertiary: #903274;
    --background-primary: #FDF6FB;
    --background-secondary: #F8E8F4;
    --background-dots: #EED2E6;
    --background-modal: rgba(253, 246, 251, 0.93);
    --border-primary: #DCAECE;
    --border-secondary: #C286AE;
    --accent-success: #0F766E;
    --accent-primary: #9D1D6E;
    --accent-warning: #A16207;
    --accent-error: #9F1239;
    --accent-info: oklch(0.475 0.178 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(120% 88% at 18% 21%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 72% 19%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(167deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.28;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: ultraviolet-dark */
html[data-theme="ultraviolet-dark"] {
    --text-primary: #EDE4FF;
    --text-secondary: #C4A8FF;
    --text-tertiary: #9070E0;
    --background-primary: #08040F;
    --background-secondary: #120A20;
    --background-dots: #241040;
    --background-modal: rgba(8, 4, 15, 0.92);
    --border-primary: #7B2FF7;
    --border-secondary: #4B1C99;
    --accent-success: #3DFFC0;
    --accent-primary: #A855F7;
    --accent-warning: #FFD24A;
    --accent-error: #FF4D8D;
    --accent-info: oklch(0.627 0.233 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: conic-gradient(from 129deg at 50% 22%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 309deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: ultraviolet-light */
html[data-theme="ultraviolet-light"] {
    --text-primary: #2A0F52;
    --text-secondary: #4B1C99;
    --text-tertiary: #7B3FD0;
    --background-primary: #FAF6FF;
    --background-secondary: #F2EAFF;
    --background-dots: #E4D4FF;
    --background-modal: rgba(250, 246, 255, 0.93);
    --border-primary: #D0B8F8;
    --border-secondary: #B090EE;
    --accent-success: #0D9488;
    --accent-primary: #6B21A8;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.438 0.198 280);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: conic-gradient(from 129deg at 50% 22%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 309deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.66;
    --theme-surface-step: 1.15;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: unraid-azure-dark */
html[data-theme="unraid-azure-dark"] {
    --text-primary: #E8EDF2;
    --text-secondary: #B4BFCA;
    --text-tertiary: #8795A3;
    --background-primary: #171B20;
    --background-secondary: #1F252C;
    --background-dots: #29313A;
    --background-modal: rgba(23, 27, 32, 0.92);
    --border-primary: #323C47;
    --border-secondary: #262E37;
    --accent-success: #6FBF8E;
    --accent-primary: #7FA2DE;
    --accent-warning: #E3B65A;
    --accent-error: #EA6B6B;
    --accent-info: #9C8FE6;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(19deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 37%, transparent 81%), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.75;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.15;
    --theme-surface-step: 1.14;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.15;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: unraid-azure-light */
html[data-theme="unraid-azure-light"] {
    --text-primary: #1B2229;
    --text-secondary: #44505C;
    --text-tertiary: #677482;
    --background-primary: #EBEFF2;
    --background-secondary: #FFFFFF;
    --background-dots: #D9E0E6;
    --background-modal: rgba(235, 239, 242, 0.94);
    --border-primary: #C3CCD5;
    --border-secondary: #DCE2E8;
    --accent-success: #2A7A4F;
    --accent-primary: #2F57A8;
    --accent-warning: #8A5A00;
    --accent-error: #B83232;
    --accent-info: #5A47B0;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(19deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 37%, transparent 81%), linear-gradient(197deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.84;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.22;
    --theme-surface-step: 1.18;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.15;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: unraid-black-dark */
html[data-theme="unraid-black-dark"] {
    --text-primary: #F2F2F2;
    --text-secondary: #C4C2C0;
    --text-tertiary: #928F8C;
    --background-primary: #1C1B1B;
    --background-secondary: #262524;
    --background-dots: #302F2D;
    --background-modal: rgba(28, 27, 27, 0.92);
    --border-primary: #3A3836;
    --border-secondary: #2D2B2A;
    --accent-success: #6FBF73;
    --accent-primary: #FF8C2F;
    --accent-warning: #F2C14E;
    --accent-error: #E8514A;
    --accent-info: #6FA8DC;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-linear-gradient(47deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(42px * var(--bd-scale, 1))), repeating-linear-gradient(-23deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(69px * var(--bd-scale, 1))), linear-gradient(170deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.75;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.15;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: unraid-black-light */
html[data-theme="unraid-black-light"] {
    --text-primary: #1C1B1B;
    --text-secondary: #4A4745;
    --text-tertiary: #6B6866;
    --background-primary: #F2F2F2;
    --background-secondary: #FFFFFF;
    --background-dots: #E2E0DE;
    --background-modal: rgba(242, 242, 242, 0.94);
    --border-primary: #CFCCC9;
    --border-secondary: #E2E0DE;
    --accent-success: #2E7D32;
    --accent-primary: #B84F00;
    --accent-warning: #8A5A00;
    --accent-error: #C62828;
    --accent-info: #1F5FA8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-linear-gradient(47deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(42px * var(--bd-scale, 1))), repeating-linear-gradient(-23deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(69px * var(--bd-scale, 1))), linear-gradient(170deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.83;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.12;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.15;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: unraid-blaze-dark */
html[data-theme="unraid-blaze-dark"] {
    --text-primary: #FFF0F0;
    --text-secondary: #E6BABA;
    --text-tertiary: #B38888;
    --background-primary: #14070A;
    --background-secondary: #200B10;
    --background-dots: #2E1118;
    --background-modal: rgba(20, 7, 10, 0.9);
    --border-primary: #4F1A26;
    --border-secondary: #37131B;
    --accent-success: #6FD39B;
    --accent-primary: #FF3B3B;
    --accent-warning: #FFB84D;
    --accent-error: #FF7A8A;
    --accent-info: #8FB8FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(178deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 34%), radial-gradient(140% 60% at 63% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(183deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 16px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 1.01;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.5;
    --theme-sheen: 1;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.1em;
    --theme-label-weight: 800;
}

/* Built-in Theme: unraid-blaze-light */
html[data-theme="unraid-blaze-light"] {
    --text-primary: #2B0A0C;
    --text-secondary: #5E2A2D;
    --text-tertiary: #7C4A4C;
    --background-primary: #FFF4F2;
    --background-secondary: #FFE6E2;
    --background-dots: #F7CFC9;
    --background-modal: rgba(255, 244, 242, 0.92);
    --border-primary: #E8B4AC;
    --border-secondary: #F2CFC9;
    --accent-success: #1F7A4A;
    --accent-primary: #C41E1E;
    --accent-warning: #8A5200;
    --accent-error: #8F1030;
    --accent-info: #1F5FA8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(178deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 34%), radial-gradient(140% 60% at 63% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(183deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.35;
    --theme-surface-blur: 14px;
    --theme-surface-glow: 0.4;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0.8;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.1em;
    --theme-label-weight: 800;
}

/* Built-in Theme: unraid-ember-dark */
html[data-theme="unraid-ember-dark"] {
    --text-primary: #FFF1E8;
    --text-secondary: #E2BCA5;
    --text-tertiary: #B08D78;
    --background-primary: #0D0706;
    --background-secondary: #190E0B;
    --background-dots: #26140F;
    --background-modal: rgba(13, 7, 6, 0.9);
    --border-primary: #472312;
    --border-secondary: #2F1810;
    --accent-success: #7BD88F;
    --accent-primary: #FF8C2F;
    --accent-warning: #FFC24A;
    --accent-error: #FF5A4D;
    --accent-info: #7FB4FF;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(circle at 54% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 54% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 54% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 24px;
    --theme-surface-glow: 1;
    --theme-surface-step: 1;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.9;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: unraid-ember-light */
html[data-theme="unraid-ember-light"] {
    --text-primary: #2A110A;
    --text-secondary: #5C3326;
    --text-tertiary: #7A4D3C;
    --background-primary: #FFF6EE;
    --background-secondary: #FFEADB;
    --background-dots: #F7D9C4;
    --background-modal: rgba(255, 246, 238, 0.92);
    --border-primary: #EBC4A8;
    --border-secondary: #F3D8C4;
    --accent-success: #1F7A3D;
    --accent-primary: #C24A00;
    --accent-warning: #8A5200;
    --accent-error: #B3261E;
    --accent-info: #1F5FA8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(circle at 54% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 54% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 54% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 18px;
    --theme-surface-glow: 0.6;
    --theme-surface-step: 1.08;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.7;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: vampire-castle-dark */
html[data-theme="vampire-castle-dark"] {
    --text-primary: #F8F8F2;
    --text-secondary: #BFBFD9;
    --text-tertiary: #6272A4;
    --background-primary: #282A36;
    --background-secondary: #343746;
    --background-dots: #44475A;
    --background-modal: rgba(40, 42, 54, 0.9);
    --border-primary: #44475A;
    --border-secondary: #343746;
    --accent-success: #50FA7B;
    --accent-primary: #BD93F9;
    --accent-warning: #F1FA8C;
    --accent-error: #FF5555;
    --accent-info: oklch(0.742 0.149 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 6px 70px, 92px 47px, 113px 137px, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.31;
    --theme-surface-step: 1.2;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: vampire-castle-light */
html[data-theme="vampire-castle-light"] {
    --text-primary: #282A36;
    --text-secondary: #3C3F51;
    --text-tertiary: #6272A4;
    --background-primary: #F8F8F2;
    --background-secondary: #EFEFE8;
    --background-dots: #E2E2DA;
    --background-modal: rgba(248, 248, 242, 0.92);
    --border-primary: #DEDEDA;
    --border-secondary: #C8C8C2;
    --accent-success: #1B7F3B;
    --accent-primary: #7A3FBF;
    --accent-warning: #8A6D00;
    --accent-error: #C62828;
    --accent-info: oklch(0.508 0.191 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 6px 70px, 92px 47px, 113px 137px, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.22;
    --theme-surface-step: 1.2;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: velocity-ink-dark */
html[data-theme="velocity-ink-dark"] {
    --text-primary: #DBD7CA;
    --text-secondary: #BEB9A6;
    --text-tertiary: #758575;
    --background-primary: #121212;
    --background-secondary: #1B1B1B;
    --background-dots: #252525;
    --background-modal: rgba(18, 18, 18, 0.9);
    --border-primary: #333333;
    --border-secondary: #252525;
    --accent-success: #80A665;
    --accent-primary: #4D9375;
    --accent-warning: #E6CC77;
    --accent-error: #CB7676;
    --accent-info: oklch(0.609 0.085 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(136deg, color-mix(in srgb, var(--accent-error) min(100%, calc(36% * var(--bd-strength, 1))), transparent) 0%, transparent 46%, color-mix(in srgb, var(--accent-success) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(179deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.19;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: velocity-ink-light */
html[data-theme="velocity-ink-light"] {
    --text-primary: #393A34;
    --text-secondary: #4C4F44;
    --text-tertiary: #7A7B71;
    --background-primary: #FFFFFF;
    --background-secondary: #F5F5F2;
    --background-dots: #E9E9E4;
    --background-modal: rgba(255, 255, 255, 0.92);
    --border-primary: #E0E0DA;
    --border-secondary: #C7C7C0;
    --accent-success: #5E7A34;
    --accent-primary: #1E754F;
    --accent-warning: #8A6A00;
    --accent-error: #AB5959;
    --accent-info: oklch(0.502 0.102 255);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(136deg, color-mix(in srgb, var(--accent-error) min(100%, calc(36% * var(--bd-strength, 1))), transparent) 0%, transparent 46%, color-mix(in srgb, var(--accent-success) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(179deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.26;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.5;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.06em;
    --theme-label-weight: 700;
}

/* Built-in Theme: vermilion-seal-dark */
html[data-theme="vermilion-seal-dark"] {
    --text-primary: #F4F1EC;
    --text-secondary: #C4BDB2;
    --text-tertiary: #9C958A;
    --background-primary: #0B0A09;
    --background-secondary: #141210;
    --background-dots: #1E1B18;
    --background-modal: rgba(11, 10, 9, 0.9);
    --border-primary: #302C27;
    --border-secondary: #23201C;
    --accent-success: #8FCB9A;
    --accent-primary: #E8503A;
    --accent-warning: #E6C06E;
    --accent-error: #FF8FA0;
    --accent-info: #9AB4E6;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: linear-gradient(152deg, var(--background-primary) 20%, transparent 85%), radial-gradient(circle, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 1.4px, transparent 1.6px), linear-gradient(162deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, calc(10px * var(--bd-scale, 1)) calc(10px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.09;
    --theme-surface-step: 1.02;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.1;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.02em;
    --theme-label-weight: 700;
}

/* Built-in Theme: vermilion-seal-light */
html[data-theme="vermilion-seal-light"] {
    --text-primary: #171411;
    --text-secondary: #46403A;
    --text-tertiary: #615A52;
    --background-primary: #FBFAF7;
    --background-secondary: #F2F0EB;
    --background-dots: #E5E1D8;
    --background-modal: rgba(251, 250, 247, 0.92);
    --border-primary: #D2CCC0;
    --border-secondary: #EAE6DE;
    --accent-success: #2A6A3C;
    --accent-primary: #B8260F;
    --accent-warning: #7E5200;
    --accent-error: #9A1E48;
    --accent-info: #34549E;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: linear-gradient(152deg, var(--background-primary) 20%, transparent 85%), radial-gradient(circle, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 1.4px, transparent 1.6px), linear-gradient(162deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, calc(10px * var(--bd-scale, 1)) calc(10px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.04;
    --theme-surface-step: 1.05;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.1;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: 0.02em;
    --theme-label-weight: 700;
}

/* Built-in Theme: violet-shades-dark */
html[data-theme="violet-shades-dark"] {
    --text-primary: #FFFFFF;
    --text-secondary: #B9BFEA;
    --text-tertiary: #7E82B8;
    --background-primary: #2D2B55;
    --background-secondary: #36347A;
    --background-dots: #403D8C;
    --background-modal: rgba(45, 43, 85, 0.9);
    --border-primary: #4D4A9E;
    --border-secondary: #3B3877;
    --accent-success: #9EFFFF;
    --accent-primary: #FAD000;
    --accent-warning: #FF9D00;
    --accent-error: #EC3A37;
    --accent-info: oklch(0.868 0.178 290);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.37;
    --theme-surface-step: 1.21;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: violet-shades-light */
html[data-theme="violet-shades-light"] {
    --text-primary: #2D2B55;
    --text-secondary: #413E77;
    --text-tertiary: #63609B;
    --background-primary: #FBFAFF;
    --background-secondary: #F1EFFC;
    --background-dots: #E5E1F7;
    --background-modal: rgba(251, 250, 255, 0.92);
    --border-primary: #DED9F2;
    --border-secondary: #C4BDE4;
    --accent-success: #0E7490;
    --accent-primary: #8A6A00;
    --accent-warning: #B06A00;
    --accent-error: #C0272D;
    --accent-info: oklch(0.541 0.111 305);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 10px;
    --theme-surface-glow: 0.1;
    --theme-surface-step: 1.23;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.45;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 700;
}

/* Built-in Theme: vivid-hyper-dark */
html[data-theme="vivid-hyper-dark"] {
    --text-primary: #EFF0EB;
    --text-secondary: #C7C9C2;
    --text-tertiary: #78787E;
    --background-primary: #282A36;
    --background-secondary: #31333F;
    --background-dots: #3B3D4A;
    --background-modal: rgba(40, 42, 54, 0.9);
    --border-primary: #434552;
    --border-secondary: #34363F;
    --accent-success: #5AF78E;
    --accent-primary: #57C7FF;
    --accent-warning: #F3F99D;
    --accent-error: #FF5C57;
    --accent-info: oklch(0.788 0.129 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 40% at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, var(--background-primary) 55%, transparent 55%), repeating-conic-gradient(from 90deg at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0 .6deg, transparent .6deg calc(8deg * var(--bd-scale, 1))), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 21px;
    --theme-surface-glow: 0.49;
    --theme-surface-step: 1.25;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: vivid-hyper-light */
html[data-theme="vivid-hyper-light"] {
    --text-primary: #2B2D3A;
    --text-secondary: #43465A;
    --text-tertiary: #6E7186;
    --background-primary: #FBFBFC;
    --background-secondary: #F1F2F5;
    --background-dots: #E5E6EA;
    --background-modal: rgba(251, 251, 252, 0.92);
    --border-primary: #DEDFE5;
    --border-secondary: #C6C8D1;
    --accent-success: #1E7A3E;
    --accent-primary: #0369A1;
    --accent-warning: #7A7500;
    --accent-error: #D0342C;
    --accent-info: oklch(0.5 0.119 270);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 40% at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, var(--background-primary) 55%, transparent 55%), repeating-conic-gradient(from 90deg at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0 .6deg, transparent .6deg calc(8deg * var(--bd-scale, 1))), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 17px;
    --theme-surface-glow: 0.27;
    --theme-surface-step: 1.2;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.9;
    --theme-sheen: 0.15;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: volcanic-ash-dark */
html[data-theme="volcanic-ash-dark"] {
    --text-primary: #FFE4E6;
    --text-secondary: #FDA4AF;
    --text-tertiary: #FB7185;
    --background-primary: #1B1415;
    --background-secondary: #2A1C1E;
    --background-dots: #3F272A;
    --background-modal: rgba(27, 20, 21, 0.88);
    --border-primary: #B91C1C;
    --border-secondary: #7F1D1D;
    --accent-success: #4ADE80;
    --accent-primary: #F87171;
    --accent-warning: #F59E0B;
    --accent-error: #F43F5E;
    --accent-info: oklch(0.711 0.166 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(30% 24% at 79% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 36% 0, 44% 0, 26% 0, 0 0;
    --theme-surface-alpha: 0.79;
    --theme-surface-blur: 11px;
    --theme-surface-glow: 0.42;
    --theme-surface-step: 1.12;
    --theme-glow-lift: 1;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: volcanic-ash-light */
html[data-theme="volcanic-ash-light"] {
    --text-primary: #7F1D1D;
    --text-secondary: #991B1B;
    --text-tertiary: #B91C1C;
    --background-primary: #FFF7F7;
    --background-secondary: #FFE4E6;
    --background-dots: #FECDD3;
    --background-modal: rgba(255, 247, 247, 0.92);
    --border-primary: #FDA4AF;
    --border-secondary: #FB7185;
    --accent-success: #15803D;
    --accent-primary: #B91C1C;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.505 0.19 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(30% 24% at 79% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 36% 0, 44% 0, 26% 0, 0 0;
    --theme-surface-alpha: 0.88;
    --theme-surface-blur: 8px;
    --theme-surface-glow: 0.19;
    --theme-surface-step: 1.41;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.7;
    --theme-sheen: 0.35;
    --theme-grain-angle: 100deg;
    --theme-grain-scale: 0.55;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 600;
}

/* Built-in Theme: wheat-field-dark */
html[data-theme="wheat-field-dark"] {
    --text-primary: #E8D8A8;
    --text-secondary: #C8B878;
    --text-tertiary: #B8A060;
    --background-primary: #141210;
    --background-secondary: #201E18;
    --background-dots: #2A2410;
    --background-modal: rgba(20, 18, 16, 0.88);
    --border-primary: #6A6030;
    --border-secondary: #504820;
    --accent-success: #A8C848;
    --accent-primary: #D8C46A;
    --accent-warning: #F59E0B;
    --accent-error: #F87171;
    --accent-info: oklch(0.818 0.113 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(195deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.05;
    --theme-surface-step: 1.18;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: wheat-field-light */
html[data-theme="wheat-field-light"] {
    --text-primary: #4A4020;
    --text-secondary: #7A6830;
    --text-tertiary: #988040;
    --background-primary: #FDFAF0;
    --background-secondary: #F4EED8;
    --background-dots: #F0E8C0;
    --background-modal: rgba(253, 250, 240, 0.92);
    --border-primary: #D8C878;
    --border-secondary: #C8B060;
    --accent-success: #6B7F2E;
    --accent-primary: #7A6830;
    --accent-warning: #B45309;
    --accent-error: #BE123C;
    --accent-info: oklch(0.522 0.078 250);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(195deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.36;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: winter-ember-dark */
html[data-theme="winter-ember-dark"] {
    --text-primary: #F4F1F4;
    --text-secondary: #C4BEC6;
    --text-tertiary: #9C969E;
    --background-primary: #0E0D10;
    --background-secondary: #171519;
    --background-dots: #221F25;
    --background-modal: rgba(14, 13, 16, 0.9);
    --border-primary: #35313A;
    --border-secondary: #28252C;
    --accent-success: #8CD9A8;
    --accent-primary: #F5A962;
    --accent-warning: #FFD27A;
    --accent-error: #FF7F7F;
    --accent-info: #8EC0F4;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(164deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.82;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 1.04;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: winter-ember-light */
html[data-theme="winter-ember-light"] {
    --text-primary: #1A171C;
    --text-secondary: #474249;
    --text-tertiary: #625D65;
    --background-primary: #FAF9FA;
    --background-secondary: #F1EFF1;
    --background-dots: #E3E0E4;
    --background-modal: rgba(250, 249, 250, 0.92);
    --border-primary: #D0CCD2;
    --border-secondary: #E8E5E9;
    --accent-success: #1F6E48;
    --accent-primary: #A0540A;
    --accent-warning: #855000;
    --accent-error: #A83232;
    --accent-info: #2A5AA8;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(164deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.82;
    --theme-surface-blur: 26px;
    --theme-surface-glow: 0.8;
    --theme-surface-step: 1.07;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.2;
    --theme-sheen: 0.05;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: zen-ember-dark */
html[data-theme="zen-ember-dark"] {
    --text-primary: #DCDCCC;
    --text-secondary: #C0BC9C;
    --text-tertiary: #8F8F7F;
    --background-primary: #3F3F3F;
    --background-secondary: #4A4A4A;
    --background-dots: #565656;
    --background-modal: rgba(63, 63, 63, 0.9);
    --border-primary: #5F5F5F;
    --border-secondary: #4F4F4F;
    --accent-success: #7F9F7F;
    --accent-primary: #DFAF8F;
    --accent-warning: #E0CF9F;
    --accent-error: #CC9393;
    --accent-info: oklch(0.79 0.071 260);
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: repeating-radial-gradient(circle at 26% 12%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(87px * var(--bd-scale, 1))), linear-gradient(176deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.03;
    --theme-surface-step: 1.58;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: zen-ember-light */
html[data-theme="zen-ember-light"] {
    --text-primary: #3F3F3F;
    --text-secondary: #54544A;
    --text-tertiary: #77776A;
    --background-primary: #F5F5EE;
    --background-secondary: #EDEDE2;
    --background-dots: #E0E0D2;
    --background-modal: rgba(245, 245, 238, 0.92);
    --border-primary: #DCDCCC;
    --border-secondary: #C4C4B0;
    --accent-success: #4F6E4F;
    --accent-primary: #96602E;
    --accent-warning: #8A7100;
    --accent-error: #A33A3A;
    --accent-info: oklch(0.538 0.096 265);
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: repeating-radial-gradient(circle at 26% 12%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(87px * var(--bd-scale, 1))), linear-gradient(176deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
    --theme-surface-alpha: 0.2;
    --theme-surface-blur: 0px;
    --theme-surface-glow: 0.02;
    --theme-surface-step: 1.38;
    --theme-glow-lift: 0;
    --theme-radius-scale: 0.35;
    --theme-sheen: 0;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: uppercase;
    --theme-label-spacing: 0.12em;
    --theme-label-weight: 600;
}

/* Built-in Theme: zinc-dark */
html[data-theme="zinc-dark"] {
    --text-primary: #E4E4E7;
    --text-secondary: #C6C6CC;
    --text-tertiary: #A1A1AA;
    --background-primary: #18181B;
    --background-secondary: #27272A;
    --background-dots: #333338;
    --background-modal: rgba(24, 24, 27, 0.9);
    --border-primary: #3F3F46;
    --border-secondary: #333338;
    --accent-success: #6EE7A8;
    --accent-primary: #A78BFA;
    --accent-warning: #F2C265;
    --accent-error: #F58A8A;
    --accent-info: #FB7185;
    --accent-vivid: var(--accent-primary);
    --ink-dir: 1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.59;
    --theme-surface-step: 1.17;
    --theme-glow-lift: 1;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Built-in Theme: zinc-light */
html[data-theme="zinc-light"] {
    --text-primary: #27272A;
    --text-secondary: #3A3A40;
    --text-tertiary: #52525B;
    --background-primary: #F4F4F5;
    --background-secondary: #FAFAFA;
    --background-dots: #E7E7E9;
    --background-modal: rgba(244, 244, 245, 0.92);
    --border-primary: #D4D4D8;
    --border-secondary: #E7E7E9;
    --accent-success: #15803D;
    --accent-primary: #6D28D9;
    --accent-warning: #92600A;
    --accent-error: #B42323;
    --accent-info: #BE123C;
    --accent-vivid: var(--accent-primary);
    --ink-dir: -1;
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    --theme-surface-alpha: 0.55;
    --theme-surface-blur: 12px;
    --theme-surface-glow: 0.33;
    --theme-surface-step: 1.19;
    --theme-glow-lift: 0;
    --theme-radius-scale: 1.3;
    --theme-sheen: 0.25;
    --theme-grain-angle: 0deg;
    --theme-grain-scale: 0;
    --theme-label-transform: none;
    --theme-label-spacing: normal;
    --theme-label-weight: 500;
}

/* Backdrop recipes a reader put behind a theme */
html body[data-backdrop-recipe="blooms"] {
    --theme-backdrop: radial-gradient(120% 88% at 34% 1%, color-mix(in srgb, var(--accent-error) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 56%), radial-gradient(110% 80% at 92% 20%, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 0%, transparent 60%), linear-gradient(190deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="sweep"] {
    --theme-backdrop: conic-gradient(from 20deg at 19% -10%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0deg, transparent 140deg, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 300deg, transparent 360deg), linear-gradient(176deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
}
html body[data-backdrop-recipe="wireframe"] {
    --theme-backdrop: repeating-linear-gradient(99deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(50px * var(--bd-scale, 1))), repeating-linear-gradient(-49deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(73px * var(--bd-scale, 1))), linear-gradient(160deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="glow"] {
    --theme-backdrop: radial-gradient(150% 70% at 50% 108%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 42%, color-mix(in srgb, var(--accent-error) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(172deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="band"] {
    --theme-backdrop: linear-gradient(91deg, transparent 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), transparent) 40%, transparent 74%), linear-gradient(165deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
}
html body[data-backdrop-recipe="rings"] {
    --theme-backdrop: repeating-radial-gradient(circle at 6% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(69px * var(--bd-scale, 1))), linear-gradient(173deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
}
html body[data-backdrop-recipe="scanlines"] {
    --theme-backdrop: repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px 3px), radial-gradient(120% 96% at 50% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 66%), linear-gradient(196deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="crosshatch"] {
    --theme-backdrop: repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(16px * var(--bd-scale, 1))), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-error) min(100%, calc(6% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(19px * var(--bd-scale, 1))), linear-gradient(171deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="horizon"] {
    --theme-backdrop: linear-gradient(178deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent) 0%, transparent 49%), radial-gradient(140% 60% at 94% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0%, transparent 58%), linear-gradient(160deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="mesh"] {
    --theme-backdrop: radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="aurora"] {
    --theme-backdrop: radial-gradient(70% 22% at 38% 18%, color-mix(in srgb, var(--accent-primary) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(55% 18% at 92% 30%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(90% 26% at 50% 8%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 60%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="bokeh"] {
    --theme-backdrop: radial-gradient(circle at 85% 2%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(10% * var(--bd-scale, 1))), radial-gradient(circle at 38% 52%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 85% 7%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(6% * var(--bd-scale, 1))), radial-gradient(circle at 27% 97%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(5% * var(--bd-scale, 1))), radial-gradient(circle at 61% 35%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(4% * var(--bd-scale, 1))), radial-gradient(circle at 47% 76%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 81% 93%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), radial-gradient(circle at 10% 23%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(9% * var(--bd-scale, 1))), radial-gradient(circle at 42% 31%, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 0, transparent calc(8% * var(--bd-scale, 1))), linear-gradient(196deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="nebula"] {
    --theme-backdrop: radial-gradient(1px 1px at 30% 40%, color-mix(in srgb, #ffffff min(100%, calc(60% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.4px 1.4px at 80% 20%, color-mix(in srgb, #ffffff min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(60% 45% at 33% 43%, color-mix(in srgb, var(--accent-error) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), radial-gradient(50% 40% at 73% 51%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: calc(120px * var(--bd-scale, 1)) calc(120px * var(--bd-scale, 1)), calc(170px * var(--bd-scale, 1)) calc(150px * var(--bd-scale, 1)), cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="stars"] {
    --theme-backdrop: radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, #ffffff min(100%, calc(70% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1px 1px at 70% 80%, color-mix(in srgb, #ffffff min(100%, calc(55% * var(--bd-strength, 1))), transparent), transparent), radial-gradient(1.5px 1.5px at 40% 60%, color-mix(in srgb, var(--accent-primary) min(100%, calc(80% * var(--bd-strength, 1))), transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(8% * var(--bd-strength, 1))), var(--background-primary)), var(--background-primary) 70%);
    --theme-backdrop-size: calc(140px * var(--bd-scale, 1)) calc(140px * var(--bd-scale, 1)), calc(90px * var(--bd-scale, 1)) calc(110px * var(--bd-scale, 1)), calc(210px * var(--bd-scale, 1)) calc(190px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 66px 73px, 110px 117px, 59px 109px, 0 0;
}
html body[data-backdrop-recipe="sunset"] {
    --theme-backdrop: radial-gradient(circle at 47% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(80% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(74% * var(--bd-strength, 1))), transparent) calc(7% * var(--bd-scale, 1)), transparent calc(7% * var(--bd-scale, 1) + .3%)), radial-gradient(70% 55% at 47% 58%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), radial-gradient(16% 36% at 47% 82%, color-mix(in srgb, var(--accent-warning) min(100%, calc(42% * var(--bd-strength, 1))), transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(46% * var(--bd-strength, 1))), var(--background-primary)) 34%, color-mix(in srgb, var(--accent-warning) min(100%, calc(44% * var(--bd-strength, 1))), var(--background-primary)) 58%, var(--background-primary) 58.4%, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), var(--background-primary)) 100%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="dunes"] {
    --theme-backdrop: radial-gradient(140% 60% at 15% 115%, color-mix(in srgb, var(--accent-primary) min(100%, calc(20% * var(--bd-strength, 1))), var(--background-primary)) 60%, transparent 60.4%), radial-gradient(130% 55% at 85% 120%, color-mix(in srgb, var(--accent-error) min(100%, calc(16% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), radial-gradient(160% 70% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), var(--background-primary)) 62%, transparent 62.4%), linear-gradient(191deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="mountains"] {
    --theme-backdrop: radial-gradient(30% 24% at 77% 22%, color-mix(in srgb, var(--accent-warning) min(100%, calc(66% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 45%, transparent 100%), conic-gradient(from 130deg at 50% 72%, color-mix(in srgb, var(--accent-success) min(100%, calc(26% * var(--bd-strength, 1))), var(--background-primary)) 0deg 100deg, transparent calc(100deg + .5deg)), conic-gradient(from 133deg at 50% 58%, color-mix(in srgb, var(--accent-error) min(100%, calc(32% * var(--bd-strength, 1))), var(--background-primary)) 0deg 94deg, transparent calc(94deg + .5deg)), conic-gradient(from 135deg at 50% 42%, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), var(--background-primary)) 0deg 90deg, transparent calc(90deg + .5deg)), linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(24% * var(--bd-strength, 1))), var(--background-primary)), color-mix(in srgb, var(--accent-error) min(100%, calc(14% * var(--bd-strength, 1))), var(--background-primary)) 55%, var(--background-primary) 85%);
    --theme-backdrop-size: cover, 38% 100%, 54% 100%, 78% 100%, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 34% 0, 29% 0, 56% 0, 0 0;
}
html body[data-backdrop-recipe="waves"] {
    --theme-backdrop: repeating-radial-gradient(ellipse 140% 60% at 50% 135%, color-mix(in srgb, var(--accent-primary) min(100%, calc(14% * var(--bd-strength, 1))), transparent) 0 2px, transparent 2px calc(28px * var(--bd-scale, 1))), linear-gradient(181deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0;
}
html body[data-backdrop-recipe="topo"] {
    --theme-backdrop: repeating-radial-gradient(ellipse at 33% 41%, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(22px * var(--bd-scale, 1))), repeating-radial-gradient(ellipse at 62% 85%, color-mix(in srgb, var(--accent-error) min(100%, calc(8% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(26px * var(--bd-scale, 1))), linear-gradient(195deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="perspective"] {
    --theme-backdrop: radial-gradient(70% 40% at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(30% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(180deg, var(--background-primary) 55%, transparent 55%), repeating-conic-gradient(from 90deg at 50% 55%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0 .6deg, transparent .6deg calc(8deg * var(--bd-scale, 1))), repeating-linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(18% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(24px * var(--bd-scale, 1))), linear-gradient(var(--background-primary), var(--background-primary));
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="blueprint"] {
    --theme-backdrop: linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(28% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(10% * var(--bd-strength, 1))), transparent) 1px, transparent 1px), radial-gradient(circle at 94% 48%, transparent 0, transparent 16%, color-mix(in srgb, var(--accent-success) min(100%, calc(44% * var(--bd-strength, 1))), transparent) 17%, transparent 18.2%), radial-gradient(75% 65% at 0% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 60% at 100% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(163deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(100px * var(--bd-scale, 1)) calc(100px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), calc(20px * var(--bd-scale, 1)) calc(20px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="pinstripe"] {
    --theme-backdrop: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(9% * var(--bd-strength, 1))), transparent) 0 1px, transparent 1px calc(9px * var(--bd-scale, 1))), radial-gradient(90% 70% at 7% 0%, color-mix(in srgb, var(--accent-primary) min(100%, calc(16% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(177deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="hexagons"] {
    --theme-backdrop: linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(30deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 12%, transparent 13.5%, transparent 86%, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 87.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), linear-gradient(60deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 25%, transparent 27%, transparent 74%, color-mix(in srgb, var(--accent-warning) min(100%, calc(12% * var(--bd-strength, 1))), transparent) 75.5%), radial-gradient(70% 60% at 26% 14%, color-mix(in srgb, var(--accent-primary) min(100%, calc(46% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(65% 55% at 78% 51%, color-mix(in srgb, var(--accent-error) min(100%, calc(40% * var(--bd-strength, 1))), transparent), transparent 72%), radial-gradient(55% 45% at 50% 100%, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent), transparent 72%), linear-gradient(189deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), calc(56px * var(--bd-scale, 1)) calc(98px * var(--bd-scale, 1)), cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, calc(28px * var(--bd-scale, 1)) calc(49px * var(--bd-scale, 1)), 0 0, 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="halftone"] {
    --theme-backdrop: linear-gradient(158deg, var(--background-primary) 20%, transparent 85%), radial-gradient(circle, color-mix(in srgb, var(--accent-primary) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 1.4px, transparent 1.6px), linear-gradient(185deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, calc(10px * var(--bd-scale, 1)) calc(10px * var(--bd-scale, 1)), cover;
    --theme-backdrop-scrim: 0;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="prism"] {
    --theme-backdrop: conic-gradient(from 57deg at 52% 22%, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0deg 34deg, transparent 44deg 62deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(46% * var(--bd-strength, 1))), transparent) 70deg 88deg, transparent 98deg 124deg, color-mix(in srgb, var(--accent-error) min(100%, calc(48% * var(--bd-strength, 1))), transparent) 132deg 152deg, transparent 164deg 204deg, color-mix(in srgb, var(--accent-success) min(100%, calc(42% * var(--bd-strength, 1))), transparent) 212deg 234deg, transparent 246deg 330deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 350deg), conic-gradient(from 237deg at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(26% * var(--bd-strength, 1))), transparent) 0deg 20deg, transparent 30deg 50deg, color-mix(in srgb, var(--accent-error) min(100%, calc(22% * var(--bd-strength, 1))), transparent) 58deg 70deg, transparent 82deg), radial-gradient(120% 100% at 50% 50%, transparent 45%, color-mix(in srgb, var(--background-primary) min(100%, calc(55% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(189deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="chevron"] {
    --theme-backdrop: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(225deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(24% * var(--bd-strength, 1))), transparent) 24%, transparent 27%), linear-gradient(144deg, color-mix(in srgb, var(--accent-error) min(100%, calc(36% * var(--bd-strength, 1))), transparent) 0%, transparent 46%, color-mix(in srgb, var(--accent-success) min(100%, calc(32% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(178deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), calc(84px * var(--bd-scale, 1)) calc(84px * var(--bd-scale, 1)), cover, cover;
    --theme-backdrop-scrim: 0.16;
    --theme-backdrop-position: 0 0, 0 0, calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), calc(42px * var(--bd-scale, 1)) calc(42px * var(--bd-scale, 1)), 0 0, 0 0;
}
html body[data-backdrop-recipe="burst"] {
    --theme-backdrop: conic-gradient(from 134deg at 53% 47%, color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-warning) min(100%, calc(56% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-success) min(100%, calc(48% * var(--bd-strength, 1))), transparent), color-mix(in srgb, var(--accent-primary) min(100%, calc(62% * var(--bd-strength, 1))), transparent)), radial-gradient(130% 110% at 50% 50%, transparent 40%, color-mix(in srgb, var(--background-primary) min(100%, calc(70% * var(--bd-strength, 1))), transparent) 100%), linear-gradient(188deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.24;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="splash"] {
    --theme-backdrop: radial-gradient(circle at 22% 23%, color-mix(in srgb, var(--accent-primary) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-primary) min(100%, calc(40% * var(--bd-strength, 1))), transparent) 14%, transparent 30%), radial-gradient(circle at 90% 34%, color-mix(in srgb, var(--accent-error) min(100%, calc(58% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-error) min(100%, calc(38% * var(--bd-strength, 1))), transparent) 16%, transparent 34%), radial-gradient(circle at 47% 74%, color-mix(in srgb, var(--accent-success) min(100%, calc(54% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-success) min(100%, calc(34% * var(--bd-strength, 1))), transparent) 15%, transparent 32%), radial-gradient(circle at 87% 90%, color-mix(in srgb, var(--accent-warning) min(100%, calc(52% * var(--bd-strength, 1))), transparent) 0, color-mix(in srgb, var(--accent-warning) min(100%, calc(30% * var(--bd-strength, 1))), transparent) 9%, transparent 22%), linear-gradient(183deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover, cover, cover;
    --theme-backdrop-scrim: 0.22;
    --theme-backdrop-position: 0 0, 0 0, 0 0, 0 0, 0 0;
}
html body[data-backdrop-recipe="leak"] {
    --theme-backdrop: linear-gradient(97deg, color-mix(in srgb, var(--accent-warning) min(100%, calc(60% * var(--bd-strength, 1))), transparent) 0%, color-mix(in srgb, var(--accent-error) min(100%, calc(50% * var(--bd-strength, 1))), transparent) 22%, transparent 56%), radial-gradient(60% 60% at 100% 100%, color-mix(in srgb, var(--accent-primary) min(100%, calc(50% * var(--bd-strength, 1))), transparent), transparent 70%), linear-gradient(167deg, color-mix(in srgb, var(--accent-primary) min(100%, calc(6% * var(--bd-strength, 1))), var(--background-primary)) 0%, var(--background-primary) 68%);
    --theme-backdrop-size: cover, cover, cover;
    --theme-backdrop-scrim: 0.2;
    --theme-backdrop-position: 0 0, 0 0, 0 0;
}