/* Generated from App palettes. Run npm run themes:sync. */
[data-theme="light"] {
  --zo-bg-primary: #FAFAFE;
  --zo-bg-secondary: #EEF2FF;
  --zo-surface-primary: #FFFFFF;
  --zo-surface-secondary: #EEF2FF;
  --zo-surface-elevated: #FFFFFF;
  --zo-surface-glass: #FAFAFE;
  --zo-key-default: #FFFFFF;
  --zo-key-hover: #EEF2FF;
  --zo-key-pressed: #1D4ED8;
  --zo-candidate-default: #0F172A;
  --zo-candidate-selected: #1D4ED8;
  --zo-text-primary: #0F172A;
  --zo-text-secondary: #64748B;
  --zo-text-tertiary: #64748B;
  --zo-border-strong: #2563EB;
  --zo-accent: #2563EB;
  --zo-accent-soft: #EEF2FF;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #0F172A 16%, transparent);
}

[data-theme="porcelain"] {
  --zo-bg-primary: #FFFBF7;
  --zo-bg-secondary: #FEF3C7;
  --zo-surface-primary: #FFFFFF;
  --zo-surface-secondary: #FEF3C7;
  --zo-surface-elevated: #FFFFFF;
  --zo-surface-glass: #FFFBF7;
  --zo-key-default: #FFFFFF;
  --zo-key-hover: #FEF3C7;
  --zo-key-pressed: #B8860B;
  --zo-candidate-default: #1C1917;
  --zo-candidate-selected: #B8860B;
  --zo-text-primary: #1C1917;
  --zo-text-secondary: #78716C;
  --zo-text-tertiary: #78716C;
  --zo-border-strong: #C9A227;
  --zo-accent: #CA8A04;
  --zo-accent-soft: #FEF3C7;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #1C1917 16%, transparent);
}

[data-theme="earth"] {
  --zo-bg-primary: #FFF7E0;
  --zo-bg-secondary: #F5DF9A;
  --zo-surface-primary: #FFFDF5;
  --zo-surface-secondary: #F5DF9A;
  --zo-surface-elevated: #FFFDF5;
  --zo-surface-glass: #FFF7E0;
  --zo-key-default: #FFFDF5;
  --zo-key-hover: #F5DF9A;
  --zo-key-pressed: #B88713;
  --zo-candidate-default: #30240D;
  --zo-candidate-selected: #B88713;
  --zo-text-primary: #30240D;
  --zo-text-secondary: #725A26;
  --zo-text-tertiary: #725A26;
  --zo-border-strong: #C9982B;
  --zo-accent: #B88713;
  --zo-accent-soft: #F5DF9A;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #30240D 16%, transparent);
}

[data-theme="cerulean"] {
  --zo-bg-primary: #ECFEFF;
  --zo-bg-secondary: #CFFAFE;
  --zo-surface-primary: #FFFFFF;
  --zo-surface-secondary: #CFFAFE;
  --zo-surface-elevated: #FFFFFF;
  --zo-surface-glass: #ECFEFF;
  --zo-key-default: #FFFFFF;
  --zo-key-hover: #CFFAFE;
  --zo-key-pressed: #0891B2;
  --zo-candidate-default: #164E63;
  --zo-candidate-selected: #0891B2;
  --zo-text-primary: #164E63;
  --zo-text-secondary: #64748B;
  --zo-text-tertiary: #64748B;
  --zo-border-strong: #06B6D4;
  --zo-accent: #06B6D4;
  --zo-accent-soft: #CFFAFE;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #164E63 16%, transparent);
}

[data-theme="sunrise"] {
  --zo-bg-primary: #FFF5F2;
  --zo-bg-secondary: #FDE2DC;
  --zo-surface-primary: #FFFFFF;
  --zo-surface-secondary: #FDE2DC;
  --zo-surface-elevated: #FFFFFF;
  --zo-surface-glass: #FFF5F2;
  --zo-key-default: #FFFFFF;
  --zo-key-hover: #FDE2DC;
  --zo-key-pressed: #B42318;
  --zo-candidate-default: #681812;
  --zo-candidate-selected: #B42318;
  --zo-text-primary: #681812;
  --zo-text-secondary: #78625E;
  --zo-text-tertiary: #78625E;
  --zo-border-strong: #D94B35;
  --zo-accent: #C9382A;
  --zo-accent-soft: #FDE2DC;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #681812 16%, transparent);
}

[data-theme="sakura"] {
  --zo-bg-primary: #FFF1F2;
  --zo-bg-secondary: #FFE4E6;
  --zo-surface-primary: #FFFFFF;
  --zo-surface-secondary: #FFE4E6;
  --zo-surface-elevated: #FFFFFF;
  --zo-surface-glass: #FFF1F2;
  --zo-key-default: #FFFFFF;
  --zo-key-hover: #FFE4E6;
  --zo-key-pressed: #E11D48;
  --zo-candidate-default: #881337;
  --zo-candidate-selected: #E11D48;
  --zo-text-primary: #881337;
  --zo-text-secondary: #64748B;
  --zo-text-tertiary: #64748B;
  --zo-border-strong: #F43F5E;
  --zo-accent: #F43F5E;
  --zo-accent-soft: #FFE4E6;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #881337 16%, transparent);
}

[data-theme="forest"] {
  --zo-bg-primary: #ECFDF5;
  --zo-bg-secondary: #D1FAE5;
  --zo-surface-primary: #FFFFFF;
  --zo-surface-secondary: #D1FAE5;
  --zo-surface-elevated: #FFFFFF;
  --zo-surface-glass: #ECFDF5;
  --zo-key-default: #FFFFFF;
  --zo-key-hover: #D1FAE5;
  --zo-key-pressed: #059669;
  --zo-candidate-default: #064E3B;
  --zo-candidate-selected: #059669;
  --zo-text-primary: #064E3B;
  --zo-text-secondary: #64748B;
  --zo-text-tertiary: #64748B;
  --zo-border-strong: #10B981;
  --zo-accent: #10B981;
  --zo-accent-soft: #D1FAE5;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #064E3B 16%, transparent);
}

[data-theme="amethyst"] {
  --zo-bg-primary: #FAF5FF;
  --zo-bg-secondary: #EDE9FE;
  --zo-surface-primary: #FFFFFF;
  --zo-surface-secondary: #EDE9FE;
  --zo-surface-elevated: #FFFFFF;
  --zo-surface-glass: #FAF5FF;
  --zo-key-default: #FFFFFF;
  --zo-key-hover: #EDE9FE;
  --zo-key-pressed: #7C3AED;
  --zo-candidate-default: #3B0764;
  --zo-candidate-selected: #7C3AED;
  --zo-text-primary: #3B0764;
  --zo-text-secondary: #64748B;
  --zo-text-tertiary: #64748B;
  --zo-border-strong: #8B5CF6;
  --zo-accent: #8B5CF6;
  --zo-accent-soft: #EDE9FE;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #3B0764 16%, transparent);
}

[data-theme="dark"] {
  --zo-bg-primary: #020617;
  --zo-bg-secondary: #1E293B;
  --zo-surface-primary: #0F172A;
  --zo-surface-secondary: #1E293B;
  --zo-surface-elevated: #0F172A;
  --zo-surface-glass: #020617;
  --zo-key-default: #0F172A;
  --zo-key-hover: #1E293B;
  --zo-key-pressed: #3B82F6;
  --zo-candidate-default: #F8FAFC;
  --zo-candidate-selected: #3B82F6;
  --zo-text-primary: #F8FAFC;
  --zo-text-secondary: #CBD5E1;
  --zo-text-tertiary: #CBD5E1;
  --zo-border-strong: #3B82F6;
  --zo-accent: #38BDF8;
  --zo-accent-soft: #1E293B;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #F8FAFC 16%, transparent);
}

[data-theme="ocean"] {
  --zo-bg-primary: #082F49;
  --zo-bg-secondary: #075985;
  --zo-surface-primary: #0C4A6E;
  --zo-surface-secondary: #075985;
  --zo-surface-elevated: #0C4A6E;
  --zo-surface-glass: #082F49;
  --zo-key-default: #0C4A6E;
  --zo-key-hover: #075985;
  --zo-key-pressed: #0EA5E9;
  --zo-candidate-default: #F0F9FF;
  --zo-candidate-selected: #0EA5E9;
  --zo-text-primary: #F0F9FF;
  --zo-text-secondary: #BAE6FD;
  --zo-text-tertiary: #BAE6FD;
  --zo-border-strong: #38BDF8;
  --zo-accent: #67E8F9;
  --zo-accent-soft: #075985;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #F0F9FF 16%, transparent);
}

[data-theme="midnight"] {
  --zo-bg-primary: #2E1065;
  --zo-bg-secondary: #5B21B6;
  --zo-surface-primary: #4C1D95;
  --zo-surface-secondary: #5B21B6;
  --zo-surface-elevated: #4C1D95;
  --zo-surface-glass: #2E1065;
  --zo-key-default: #4C1D95;
  --zo-key-hover: #5B21B6;
  --zo-key-pressed: #C026D3;
  --zo-candidate-default: #F5F3FF;
  --zo-candidate-selected: #C026D3;
  --zo-text-primary: #F5F3FF;
  --zo-text-secondary: #DDD6FE;
  --zo-text-tertiary: #DDD6FE;
  --zo-border-strong: #A78BFA;
  --zo-accent: #E879F9;
  --zo-accent-soft: #5B21B6;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #F5F3FF 16%, transparent);
}

[data-theme="graphite"] {
  --zo-bg-primary: #09090B;
  --zo-bg-secondary: #27272A;
  --zo-surface-primary: #18181B;
  --zo-surface-secondary: #27272A;
  --zo-surface-elevated: #18181B;
  --zo-surface-glass: #09090B;
  --zo-key-default: #18181B;
  --zo-key-hover: #27272A;
  --zo-key-pressed: #6366F1;
  --zo-candidate-default: #FAFAFA;
  --zo-candidate-selected: #6366F1;
  --zo-text-primary: #FAFAFA;
  --zo-text-secondary: #E4E4E7;
  --zo-text-tertiary: #E4E4E7;
  --zo-border-strong: #6366F1;
  --zo-accent: #818CF8;
  --zo-accent-soft: #27272A;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #FAFAFA 16%, transparent);
}

[data-theme="champagneGlass"] {
  --zo-bg-primary: #F7F0E4;
  --zo-bg-secondary: #EDE0C4e0;
  --zo-surface-primary: #FFFCF7c7;
  --zo-surface-secondary: #EDE0C4e0;
  --zo-surface-elevated: #FFFCF7c7;
  --zo-surface-glass: #F7F0E4;
  --zo-key-default: #FFFCF7c7;
  --zo-key-hover: #EDE0C4e0;
  --zo-key-pressed: #C9A227;
  --zo-candidate-default: #2C2118;
  --zo-candidate-selected: #C9A227;
  --zo-text-primary: #2C2118;
  --zo-text-secondary: #7A6A52;
  --zo-text-tertiary: #7A6A52;
  --zo-border-strong: #C9A84C;
  --zo-accent: #B8952C;
  --zo-accent-soft: #EDE0C4e0;
  --zo-on-accent: #1C1410;
  --zo-border-subtle: color-mix(in srgb, #2C2118 16%, transparent);
}

[data-theme="celadonGlass"] {
  --zo-bg-primary: #E6F0EA;
  --zo-bg-secondary: #C5DDD0e0;
  --zo-surface-primary: #F7FBF8c7;
  --zo-surface-secondary: #C5DDD0e0;
  --zo-surface-elevated: #F7FBF8c7;
  --zo-surface-glass: #E6F0EA;
  --zo-key-default: #F7FBF8c7;
  --zo-key-hover: #C5DDD0e0;
  --zo-key-pressed: #1A6B52;
  --zo-candidate-default: #14352C;
  --zo-candidate-selected: #1A6B52;
  --zo-text-primary: #14352C;
  --zo-text-secondary: #4A6B5E;
  --zo-text-tertiary: #4A6B5E;
  --zo-border-strong: #5F9A80;
  --zo-accent: #2A8A68;
  --zo-accent-soft: #C5DDD0e0;
  --zo-on-accent: #F4FBF7;
  --zo-border-subtle: color-mix(in srgb, #14352C 16%, transparent);
}

[data-theme="wisteriaGlass"] {
  --zo-bg-primary: #F4F0FF;
  --zo-bg-secondary: #E8DFFFe0;
  --zo-surface-primary: #FFFFFFc7;
  --zo-surface-secondary: #E8DFFFe0;
  --zo-surface-elevated: #FFFFFFc7;
  --zo-surface-glass: #F4F0FF;
  --zo-key-default: #FFFFFFc7;
  --zo-key-hover: #E8DFFFe0;
  --zo-key-pressed: #9B8AE8;
  --zo-candidate-default: #2E2345;
  --zo-candidate-selected: #9B8AE8;
  --zo-text-primary: #2E2345;
  --zo-text-secondary: #65547E;
  --zo-text-tertiary: #65547E;
  --zo-border-strong: #9B8AE8;
  --zo-accent: #9B8AE8;
  --zo-accent-soft: #E8DFFFe0;
  --zo-on-accent: #211539;
  --zo-border-subtle: color-mix(in srgb, #2E2345 16%, transparent);
}

[data-theme="inkGlass"] {
  --zo-bg-primary: #0C0C0E;
  --zo-bg-secondary: #2C2C2Ee6;
  --zo-surface-primary: #1C1C1Ebf;
  --zo-surface-secondary: #2C2C2Ee6;
  --zo-surface-elevated: #1C1C1Ebf;
  --zo-surface-glass: #0C0C0E;
  --zo-key-default: #1C1C1Ebf;
  --zo-key-hover: #2C2C2Ee6;
  --zo-key-pressed: #F5F5F7;
  --zo-candidate-default: #F5F5F7;
  --zo-candidate-selected: #F5F5F7;
  --zo-text-primary: #F5F5F7;
  --zo-text-secondary: #A1A1A6;
  --zo-text-tertiary: #A1A1A6;
  --zo-border-strong: #C7C7CC;
  --zo-accent: #E5E5EA;
  --zo-accent-soft: #2C2C2Ee6;
  --zo-on-accent: #000000;
  --zo-border-subtle: color-mix(in srgb, #F5F5F7 16%, transparent);
}

[data-theme="supporterObsidian"] {
  --zo-bg-primary: #18181B;
  --zo-bg-secondary: #3F3F46;
  --zo-surface-primary: #27272A;
  --zo-surface-secondary: #3F3F46;
  --zo-surface-elevated: #27272A;
  --zo-surface-glass: #18181B;
  --zo-key-default: #27272A;
  --zo-key-hover: #3F3F46;
  --zo-key-pressed: #F4F4F5;
  --zo-candidate-default: #FAFAFA;
  --zo-candidate-selected: #F4F4F5;
  --zo-text-primary: #FAFAFA;
  --zo-text-secondary: #D4D4D8;
  --zo-text-tertiary: #D4D4D8;
  --zo-border-strong: #52525B;
  --zo-accent: #E4E4E7;
  --zo-accent-soft: #3F3F46;
  --zo-on-accent: #18181B;
  --zo-border-subtle: color-mix(in srgb, #FAFAFA 16%, transparent);
}

[data-theme="supporterPaper"] {
  --zo-bg-primary: #F7F1E3;
  --zo-bg-secondary: #EAD9B8;
  --zo-surface-primary: #FFFDF7;
  --zo-surface-secondary: #EAD9B8;
  --zo-surface-elevated: #FFFDF7;
  --zo-surface-glass: #F7F1E3;
  --zo-key-default: #FFFDF7;
  --zo-key-hover: #EAD9B8;
  --zo-key-pressed: #713F12;
  --zo-candidate-default: #3F2D1F;
  --zo-candidate-selected: #713F12;
  --zo-text-primary: #3F2D1F;
  --zo-text-secondary: #78614B;
  --zo-text-tertiary: #78614B;
  --zo-border-strong: #B58A4A;
  --zo-accent: #A16207;
  --zo-accent-soft: #EAD9B8;
  --zo-on-accent: #FFFDF7;
  --zo-border-subtle: color-mix(in srgb, #3F2D1F 16%, transparent);
}

[data-theme="supporterInk"] {
  --zo-bg-primary: #111827;
  --zo-bg-secondary: #334155;
  --zo-surface-primary: #1E293B;
  --zo-surface-secondary: #334155;
  --zo-surface-elevated: #1E293B;
  --zo-surface-glass: #111827;
  --zo-key-default: #1E293B;
  --zo-key-hover: #334155;
  --zo-key-pressed: #CBD5E1;
  --zo-candidate-default: #F8FAFC;
  --zo-candidate-selected: #CBD5E1;
  --zo-text-primary: #F8FAFC;
  --zo-text-secondary: #CBD5E1;
  --zo-text-tertiary: #CBD5E1;
  --zo-border-strong: #475569;
  --zo-accent: #93C5FD;
  --zo-accent-soft: #334155;
  --zo-on-accent: #0F172A;
  --zo-border-subtle: color-mix(in srgb, #F8FAFC 16%, transparent);
}

[data-theme="supporterGlass"] {
  --zo-bg-primary: #162033;
  --zo-bg-secondary: #334A68db;
  --zo-surface-primary: #223047c2;
  --zo-surface-secondary: #334A68db;
  --zo-surface-elevated: #223047c2;
  --zo-surface-glass: #162033;
  --zo-key-default: #223047c2;
  --zo-key-hover: #334A68db;
  --zo-key-pressed: #DBEAFE;
  --zo-candidate-default: #F8FAFC;
  --zo-candidate-selected: #DBEAFE;
  --zo-text-primary: #F8FAFC;
  --zo-text-secondary: #CBD5E1;
  --zo-text-tertiary: #CBD5E1;
  --zo-border-strong: #93C5FD;
  --zo-accent: #BFDBFE;
  --zo-accent-soft: #334A68db;
  --zo-on-accent: #172554;
  --zo-border-subtle: color-mix(in srgb, #F8FAFC 16%, transparent);
}

[data-theme="clearGlass"] {
  --zo-bg-primary: #FAFAFE;
  --zo-bg-secondary: #EEF2FF;
  --zo-surface-primary: #FFFFFF;
  --zo-surface-secondary: #EEF2FF;
  --zo-surface-elevated: #FFFFFF;
  --zo-surface-glass: #FAFAFE;
  --zo-key-default: #FFFFFF;
  --zo-key-hover: #EEF2FF;
  --zo-key-pressed: #1D4ED8;
  --zo-candidate-default: #0F172A;
  --zo-candidate-selected: #1D4ED8;
  --zo-text-primary: #0F172A;
  --zo-text-secondary: #64748B;
  --zo-text-tertiary: #64748B;
  --zo-border-strong: #2563EB;
  --zo-accent: #2563EB;
  --zo-accent-soft: #EEF2FF;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #0F172A 16%, transparent);
}

[data-theme="chinaRedGlass"] {
  --zo-bg-primary: #FFF5F2;
  --zo-bg-secondary: #FDE2DC;
  --zo-surface-primary: #FFFFFF;
  --zo-surface-secondary: #FDE2DC;
  --zo-surface-elevated: #FFFFFF;
  --zo-surface-glass: #FFF5F2;
  --zo-key-default: #FFFFFF;
  --zo-key-hover: #FDE2DC;
  --zo-key-pressed: #B42318;
  --zo-candidate-default: #681812;
  --zo-candidate-selected: #B42318;
  --zo-text-primary: #681812;
  --zo-text-secondary: #78625E;
  --zo-text-tertiary: #78625E;
  --zo-border-strong: #D94B35;
  --zo-accent: #C9382A;
  --zo-accent-soft: #FDE2DC;
  --zo-on-accent: #FFFFFF;
  --zo-border-subtle: color-mix(in srgb, #681812 16%, transparent);
}

html[data-theme="light"]{--site-logo-filter:none}
html[data-theme="porcelain"]{--site-logo-filter:none}
html[data-theme="earth"]{--site-logo-filter:none}
html[data-theme="cerulean"]{--site-logo-filter:none}
html[data-theme="sunrise"]{--site-logo-filter:none}
html[data-theme="sakura"]{--site-logo-filter:none}
html[data-theme="forest"]{--site-logo-filter:none}
html[data-theme="amethyst"]{--site-logo-filter:none}
html[data-theme="dark"]{--site-logo-filter:invert(1)}
html[data-theme="ocean"]{--site-logo-filter:invert(1)}
html[data-theme="midnight"]{--site-logo-filter:invert(1)}
html[data-theme="graphite"]{--site-logo-filter:invert(1)}
html[data-theme="champagneGlass"]{--site-logo-filter:none}
html[data-theme="celadonGlass"]{--site-logo-filter:none}
html[data-theme="wisteriaGlass"]{--site-logo-filter:none}
html[data-theme="inkGlass"]{--site-logo-filter:invert(1)}
html[data-theme="supporterObsidian"]{--site-logo-filter:invert(1)}
html[data-theme="supporterPaper"]{--site-logo-filter:none}
html[data-theme="supporterInk"]{--site-logo-filter:invert(1)}
html[data-theme="supporterGlass"]{--site-logo-filter:invert(1)}
html[data-theme="clearGlass"]{--site-logo-filter:none}
html[data-theme="chinaRedGlass"]{--site-logo-filter:none}