/* 自動生成: node scripts/gen-md3-tokens.mjs（src/themes/*.css が定義元。直接編集しない） */
/* Meax のテーマカラー（MD3）。標準は「さくら」の紫。<html class="theme-green"> などで切り替わる */

:root {
  --primary: #87458b;
  --on-primary: #ffffff;
  --primary-container: #ffd6fb;
  --on-primary-container: #36003d;
  --secondary: #6c586a;
  --on-secondary: #ffffff;
  --secondary-container: #f5dbf0;
  --on-secondary-container: #261626;
  --tertiary: #825249;
  --on-tertiary: #ffffff;
  --tertiary-container: #ffdad3;
  --on-tertiary-container: #33110b;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #410002;
  --background: #fffbff;
  --on-background: #1e1a1d;
  --surface: #fff7fa;
  --on-surface: #1e1a1d;
  --surface-variant: #eddee8;
  --on-surface-variant: #4d444c;
  --outline: #7f747c;
  --outline-variant: #d0c3cc;
  --shadow: #000000;
  --scrim: #000000;
  --inverse-surface: #332f32;
  --inverse-on-surface: #f7eef2;
  --inverse-primary: #faacfa;
  --surface-dim: #e0d8dc;
  --surface-bright: #fff7fa;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #faf1f5;
  --surface-container: #f4ebf0;
  --surface-container-high: #efe6ea;
  --surface-container-highest: #e9e0e4;
}
@media (prefers-color-scheme: dark) {
  :root {
    --primary: #faacfa;
    --on-primary: #521359;
    --primary-container: #6c2c71;
    --on-primary-container: #ffd6fb;
    --secondary: #d8bfd4;
    --on-secondary: #3c2b3b;
    --secondary-container: #534152;
    --on-secondary-container: #f5dbf0;
    --tertiary: #f6b8ac;
    --on-tertiary: #4c261e;
    --tertiary-container: #673b32;
    --on-tertiary-container: #ffdad3;
    --error: #ffb4ab;
    --on-error: #690005;
    --error-container: #93000a;
    --on-error-container: #ffb4ab;
    --background: #1e1a1d;
    --on-background: #e9e0e4;
    --surface: #161215;
    --on-surface: #e9e0e4;
    --surface-variant: #4d444c;
    --on-surface-variant: #d0c3cc;
    --outline: #998d96;
    --outline-variant: #4d444c;
    --shadow: #000000;
    --scrim: #000000;
    --inverse-surface: #e9e0e4;
    --inverse-on-surface: #332f32;
    --inverse-primary: #87458b;
    --surface-dim: #161215;
    --surface-bright: #3c383b;
    --surface-container-lowest: #100d10;
    --surface-container-low: #1e1a1d;
    --surface-container: #221e21;
    --surface-container-high: #2d292c;
    --surface-container-highest: #383337;
  }
}

:root.theme-sakura {
  --primary: #87458b;
  --on-primary: #ffffff;
  --primary-container: #ffd6fb;
  --on-primary-container: #36003d;
  --secondary: #6c586a;
  --on-secondary: #ffffff;
  --secondary-container: #f5dbf0;
  --on-secondary-container: #261626;
  --tertiary: #825249;
  --on-tertiary: #ffffff;
  --tertiary-container: #ffdad3;
  --on-tertiary-container: #33110b;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #410002;
  --background: #fffbff;
  --on-background: #1e1a1d;
  --surface: #fff7fa;
  --on-surface: #1e1a1d;
  --surface-variant: #eddee8;
  --on-surface-variant: #4d444c;
  --outline: #7f747c;
  --outline-variant: #d0c3cc;
  --shadow: #000000;
  --scrim: #000000;
  --inverse-surface: #332f32;
  --inverse-on-surface: #f7eef2;
  --inverse-primary: #faacfa;
  --surface-dim: #e0d8dc;
  --surface-bright: #fff7fa;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #faf1f5;
  --surface-container: #f4ebf0;
  --surface-container-high: #efe6ea;
  --surface-container-highest: #e9e0e4;
}
@media (prefers-color-scheme: dark) {
  :root.theme-sakura {
    --primary: #faacfa;
    --on-primary: #521359;
    --primary-container: #6c2c71;
    --on-primary-container: #ffd6fb;
    --secondary: #d8bfd4;
    --on-secondary: #3c2b3b;
    --secondary-container: #534152;
    --on-secondary-container: #f5dbf0;
    --tertiary: #f6b8ac;
    --on-tertiary: #4c261e;
    --tertiary-container: #673b32;
    --on-tertiary-container: #ffdad3;
    --error: #ffb4ab;
    --on-error: #690005;
    --error-container: #93000a;
    --on-error-container: #ffb4ab;
    --background: #1e1a1d;
    --on-background: #e9e0e4;
    --surface: #161215;
    --on-surface: #e9e0e4;
    --surface-variant: #4d444c;
    --on-surface-variant: #d0c3cc;
    --outline: #998d96;
    --outline-variant: #4d444c;
    --shadow: #000000;
    --scrim: #000000;
    --inverse-surface: #e9e0e4;
    --inverse-on-surface: #332f32;
    --inverse-primary: #87458b;
    --surface-dim: #161215;
    --surface-bright: #3c383b;
    --surface-container-lowest: #100d10;
    --surface-container-low: #1e1a1d;
    --surface-container: #221e21;
    --surface-container-high: #2d292c;
    --surface-container-highest: #383337;
  }
}

:root.theme-green {
  --primary: #006e1c;
  --on-primary: #ffffff;
  --primary-container: #94f990;
  --on-primary-container: #002204;
  --secondary: #52634f;
  --on-secondary: #ffffff;
  --secondary-container: #d5e8cf;
  --on-secondary-container: #111f0f;
  --tertiary: #38656a;
  --on-tertiary: #ffffff;
  --tertiary-container: #bcebf0;
  --on-tertiary-container: #002023;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #410002;
  --background: #fcfdf6;
  --on-background: #1a1c19;
  --surface: #f9faf4;
  --on-surface: #1a1c19;
  --surface-variant: #dee5d8;
  --on-surface-variant: #424940;
  --outline: #72796f;
  --outline-variant: #c2c9bd;
  --shadow: #000000;
  --scrim: #000000;
  --inverse-surface: #2f312d;
  --inverse-on-surface: #f0f1eb;
  --inverse-primary: #78dc77;
  --surface-dim: #dadad4;
  --surface-bright: #f9faf4;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f3f4ee;
  --surface-container: #eeeee8;
  --surface-container-high: #e8e9e2;
  --surface-container-highest: #e2e3dd;
}
@media (prefers-color-scheme: dark) {
  :root.theme-green {
    --primary: #a8d6a2;
    --on-primary: #18341d;
    --primary-container: #3d6041;
    --on-primary-container: #d0ebc8;
    --secondary: #c0d0bb;
    --on-secondary: #29352a;
    --secondary-container: #414d40;
    --on-secondary-container: #dce8d8;
    --tertiary: #b5d2d0;
    --on-tertiary: #243536;
    --tertiary-container: #40595a;
    --on-tertiary-container: #d1e8e6;
    --error: #ffb4ab;
    --on-error: #690005;
    --error-container: #93000a;
    --on-error-container: #ffb4ab;
    --background: #1b1e1b;
    --on-background: #e5e8e1;
    --surface: #151815;
    --on-surface: #e5e8e1;
    --surface-variant: #454c44;
    --on-surface-variant: #cbd3c7;
    --outline: #929b90;
    --outline-variant: #4b5349;
    --shadow: #000000;
    --scrim: #000000;
    --inverse-surface: #e2e3dd;
    --inverse-on-surface: #2f312d;
    --inverse-primary: #4e8151;
    --surface-dim: #151815;
    --surface-bright: #3c423b;
    --surface-container-lowest: #101310;
    --surface-container-low: #1b1e1b;
    --surface-container: #222621;
    --surface-container-high: #2d322c;
    --surface-container-highest: #383e37;
  }
}

:root.theme-blue {
  --primary: #4355b9;
  --on-primary: #ffffff;
  --primary-container: #dee0ff;
  --on-primary-container: #00105c;
  --secondary: #5b5d72;
  --on-secondary: #ffffff;
  --secondary-container: #e0e1f9;
  --on-secondary-container: #181a2c;
  --tertiary: #77536d;
  --on-tertiary: #ffffff;
  --tertiary-container: #ffd7f1;
  --on-tertiary-container: #2d1228;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #410002;
  --background: #fefbff;
  --on-background: #1b1b1f;
  --surface: #fbf8fd;
  --on-surface: #1b1b1f;
  --surface-variant: #e3e1ec;
  --on-surface-variant: #46464f;
  --outline: #767680;
  --outline-variant: #c7c5d0;
  --shadow: #000000;
  --scrim: #000000;
  --inverse-surface: #303034;
  --inverse-on-surface: #f3f0f4;
  --inverse-primary: #bac3ff;
  --surface-dim: #dcd9de;
  --surface-bright: #fbf8fd;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f6f2f7;
  --surface-container: #f0edf1;
  --surface-container-high: #eae7ec;
  --surface-container-highest: #e4e1e6;
}
@media (prefers-color-scheme: dark) {
  :root.theme-blue {
    --primary: #b8c4e8;
    --on-primary: #253454;
    --primary-container: #4a5a83;
    --on-primary-container: #dbe3ff;
    --secondary: #c4c9dc;
    --on-secondary: #303442;
    --secondary-container: #4b5061;
    --on-secondary-container: #e0e3f3;
    --tertiary: #dfc2d7;
    --on-tertiary: #46313f;
    --tertiary-container: #614d5d;
    --on-tertiary-container: #f6dce9;
    --error: #ffb4ab;
    --on-error: #690005;
    --error-container: #93000a;
    --on-error-container: #ffb4ab;
    --background: #1c1e23;
    --on-background: #e5e7ef;
    --surface: #15171b;
    --on-surface: #e5e7ef;
    --surface-variant: #484c57;
    --on-surface-variant: #cbd0dc;
    --outline: #9298a6;
    --outline-variant: #4d525e;
    --shadow: #000000;
    --scrim: #000000;
    --inverse-surface: #e4e1e6;
    --inverse-on-surface: #303034;
    --inverse-primary: #6274b7;
    --surface-dim: #15171b;
    --surface-bright: #3d4149;
    --surface-container-lowest: #101114;
    --surface-container-low: #1c1e23;
    --surface-container: #24272e;
    --surface-container-high: #2f333c;
    --surface-container-highest: #3a3f49;
  }
}