/* ============================================================
   LSPosod · 扩展主题（10 种新颜色）
   基于种子色用 color-mix 派生 M3 角色，避免重复维护大段调色板。
   需要支持 color-mix 的现代浏览器（Chrome/Edge 111+、Safari 16.2+）。
   ============================================================ */

[data-theme="mint"]    { --seed: #0F766E; --on-seed: #FFFFFF; }
[data-theme="sky"]     { --seed: #0369A1; --on-seed: #FFFFFF; }
[data-theme="indigo"]  { --seed: #4338CA; --on-seed: #FFFFFF; }
[data-theme="violet"]  { --seed: #7C3AED; --on-seed: #FFFFFF; }
[data-theme="coral"]   { --seed: #C2410C; --on-seed: #FFFFFF; }
[data-theme="lime"]    { --seed: #4D7C0F; --on-seed: #FFFFFF; }
[data-theme="brown"]   { --seed: #6F4E37; --on-seed: #FFFFFF; }
[data-theme="slate"]   { --seed: #475569; --on-seed: #FFFFFF; }
[data-theme="gold"]    { --seed: #8A6A00; --on-seed: #FFFFFF; }
[data-theme="magenta"] { --seed: #A21CAF; --on-seed: #FFFFFF; }

:is([data-theme="mint"], [data-theme="sky"], [data-theme="indigo"],
    [data-theme="violet"], [data-theme="coral"], [data-theme="lime"],
    [data-theme="brown"], [data-theme="slate"], [data-theme="gold"],
    [data-theme="magenta"]) {
  --md-primary: var(--seed);
  --md-on-primary: var(--on-seed);
  --md-primary-container: color-mix(in srgb, var(--seed) 16%, #FFFFFF);
  --md-on-primary-container: color-mix(in srgb, var(--seed) 82%, #000000);
  --md-secondary: color-mix(in srgb, var(--seed) 52%, #5F5A64);
  --md-on-secondary: #FFFFFF;
  --md-secondary-container: color-mix(in srgb, var(--seed) 12%, #F7F2FA);
  --md-on-secondary-container: color-mix(in srgb, var(--seed) 72%, #1D192B);
  --md-tertiary: color-mix(in srgb, var(--seed) 55%, #7D5260);
  --md-on-tertiary: #FFFFFF;
  --md-tertiary-container: color-mix(in srgb, var(--seed) 14%, #FFD8E4);
  --md-on-tertiary-container: color-mix(in srgb, var(--seed) 65%, #31111D);
  --md-error: #BA1A1A;
  --md-on-error: #FFFFFF;
  --md-error-container: #FFDAD6;
  --md-on-error-container: #410002;
  --md-background: color-mix(in srgb, var(--seed) 3%, #FEFBFF);
  --md-on-background: color-mix(in srgb, var(--seed) 16%, #1D1B20);
  --md-surface: color-mix(in srgb, var(--seed) 3%, #FEFBFF);
  --md-on-surface: color-mix(in srgb, var(--seed) 16%, #1D1B20);
  --md-surface-variant: color-mix(in srgb, var(--seed) 10%, #E7E0EC);
  --md-on-surface-variant: color-mix(in srgb, var(--seed) 38%, #49454F);
  --md-surface-container-lowest: #FFFFFF;
  --md-surface-container-low: color-mix(in srgb, var(--seed) 4%, #F7F2FA);
  --md-surface-container: color-mix(in srgb, var(--seed) 6%, #F3EDF7);
  --md-surface-container-high: color-mix(in srgb, var(--seed) 9%, #ECE6F0);
  --md-surface-container-highest: color-mix(in srgb, var(--seed) 12%, #E6E0E9);
  --md-outline: color-mix(in srgb, var(--seed) 28%, #79747E);
  --md-outline-variant: color-mix(in srgb, var(--seed) 16%, #CAC4D0);
  --md-inverse-surface: color-mix(in srgb, var(--seed) 25%, #322F35);
  --md-inverse-on-surface: color-mix(in srgb, var(--seed) 5%, #F5EFF7);
  --md-inverse-primary: color-mix(in srgb, var(--seed) 55%, #FFFFFF);
  --md-scrim: #000000;
  --md-shadow: #000000;
}

:is([data-dark="true"][data-theme="mint"], [data-dark="true"][data-theme="sky"],
    [data-dark="true"][data-theme="indigo"], [data-dark="true"][data-theme="violet"],
    [data-dark="true"][data-theme="coral"], [data-dark="true"][data-theme="lime"],
    [data-dark="true"][data-theme="brown"], [data-dark="true"][data-theme="slate"],
    [data-dark="true"][data-theme="gold"], [data-dark="true"][data-theme="magenta"]) {
  --md-primary: color-mix(in srgb, var(--seed) 55%, #FFFFFF);
  --md-on-primary: color-mix(in srgb, var(--seed) 35%, #000000);
  --md-primary-container: color-mix(in srgb, var(--seed) 62%, #000000);
  --md-on-primary-container: color-mix(in srgb, var(--seed) 18%, #FFFFFF);
  --md-secondary: color-mix(in srgb, var(--seed) 30%, #CAC4D0);
  --md-on-secondary: color-mix(in srgb, var(--seed) 60%, #000000);
  --md-secondary-container: color-mix(in srgb, var(--seed) 36%, #1D1B20);
  --md-on-secondary-container: color-mix(in srgb, var(--seed) 14%, #E8DEF8);
  --md-tertiary: color-mix(in srgb, var(--seed) 35%, #EFB8C8);
  --md-on-tertiary: color-mix(in srgb, var(--seed) 65%, #000000);
  --md-tertiary-container: color-mix(in srgb, var(--seed) 45%, #31111D);
  --md-on-tertiary-container: color-mix(in srgb, var(--seed) 15%, #FFD8E4);
  --md-error: #FFB4AB;
  --md-on-error: #690005;
  --md-error-container: #93000A;
  --md-on-error-container: #FFDAD6;
  --md-background: color-mix(in srgb, var(--seed) 7%, #0F0D13);
  --md-on-background: color-mix(in srgb, var(--seed) 8%, #E6E0E9);
  --md-surface: color-mix(in srgb, var(--seed) 7%, #0F0D13);
  --md-on-surface: color-mix(in srgb, var(--seed) 8%, #E6E0E9);
  --md-surface-variant: color-mix(in srgb, var(--seed) 12%, #49454F);
  --md-on-surface-variant: color-mix(in srgb, var(--seed) 20%, #CAC4D0);
  --md-surface-container-lowest: color-mix(in srgb, var(--seed) 4%, #0F0D13);
  --md-surface-container-low: color-mix(in srgb, var(--seed) 7%, #1D1B20);
  --md-surface-container: color-mix(in srgb, var(--seed) 9%, #211F26);
  --md-surface-container-high: color-mix(in srgb, var(--seed) 12%, #2B2930);
  --md-surface-container-highest: color-mix(in srgb, var(--seed) 15%, #36343B);
  --md-outline: color-mix(in srgb, var(--seed) 18%, #938F99);
  --md-outline-variant: color-mix(in srgb, var(--seed) 12%, #49454F);
  --md-inverse-surface: color-mix(in srgb, var(--seed) 6%, #E6E0E9);
  --md-inverse-on-surface: color-mix(in srgb, var(--seed) 30%, #322F35);
  --md-inverse-primary: var(--seed);
  --md-scrim: #000000;
  --md-shadow: #000000;
}