body[data-mc-theme="taku"] {
  color-scheme: light;
  --mc-page-bg: #E6E8E3;
  --mc-surface: #FAFAF7;
  --mc-surface-muted: #EEEFEB;
  --mc-control-bg: #FFFFFF;
  --mc-text: #20231E;
  --mc-text-muted: #676966;
  --mc-border: #C9CBC4;
  --mc-accent: #2E5D4E;
  --mc-on-accent: #FFFFFF;
  --mc-highlight: #C9A227;
  --mc-info: #2F6F9E;
  --mc-positive: #2E5D4E;
  --mc-negative: #C8453B;
  --mc-focus: color-mix(in srgb, #2F6F9E 70%, #FFFFFF);
  --mc-shadow-color: rgb(32 35 30 / 8%);
  --mc-chart-axis: #6C6F69;
  --mc-chart-grid: #C9CBC4;
  --mc-chart-label: #4D4F4B;
  --mc-mix-base: #FFFFFF;
  --sumi: #20231E;
  --stone: #E6E8E3;
  --card: #FAFAF7;
  --taku: #2E5D4E;
  --ten-red: #C8453B;
  --ten-blue: #2F6F9E;
  --ten-gold: #C9A227;
  --line: #C9CBC4;
  --font-display: "IBM Plex Sans JP", system-ui, sans-serif;
  --font-body: "IBM Plex Sans JP", system-ui, sans-serif;
  --font-number: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --weight-display: 700;
  --radius: 8px;
  --radius-pill: 999px;
}

body[data-mc-theme="kiroku"] {
  --mc-backdrop: rgb(21 25 30 / 42%);
  color-scheme: light;
  --mc-page-bg: #EEF1F4;
  --mc-surface: #FFFFFF;
  --mc-surface-muted: #F3F5F8;
  --mc-control-bg: #FFFFFF;
  --mc-text: #15191E;
  --mc-text-muted: #535B66;
  --mc-border: #D5DAE0;
  --mc-accent: #1F5F99;
  --mc-on-accent: #FFFFFF;
  --mc-highlight: #B07800;
  --mc-info: #0072B2;
  --mc-positive: #1F5F99;
  --mc-negative: #C03A2B;
  --mc-focus: color-mix(in srgb, #0072B2 70%, #FFFFFF);
  --mc-shadow-color: rgb(21 25 30 / 6%);
  --mc-chart-axis: #5F6773;
  --mc-chart-grid: #E3E7EC;
  --mc-chart-label: #3E4550;
  --mc-mix-base: #FFFFFF;
  --sumi: #15191E;
  --stone: #EEF1F4;
  --card: #FFFFFF;
  --taku: #1F5F99;
  --ten-red: #D55E00;
  --ten-blue: #0072B2;
  --ten-gold: #B07800;
  --line: #D5DAE0;
  --font-display: "BIZ UDPGothic", system-ui, sans-serif;
  --font-body: "BIZ UDPGothic", system-ui, sans-serif;
  --font-number: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --weight-display: 700;
  --radius: 3px;
  --radius-pill: 999px;
}

body[data-mc-theme="washi"] {
  --mc-backdrop: rgb(27 27 25 / 42%);
  color-scheme: light;
  --mc-page-bg: #E4E5E1;
  --mc-surface: #F3F3EF;
  --mc-surface-muted: #EAEAE5;
  --mc-control-bg: #F8F8F5;
  --mc-text: #1B1B19;
  --mc-text-muted: #55554F;
  --mc-border: #CFCFC7;
  --mc-accent: #A8352A;
  --mc-on-accent: #FFFFFF;
  --mc-highlight: #8A6D12;
  --mc-info: #3E5F8A;
  --mc-positive: #1B1B19;
  --mc-negative: #A8352A;
  --mc-focus: color-mix(in srgb, #3E5F8A 70%, #FFFFFF);
  --mc-shadow-color: rgb(0 0 0 / 0%);
  --mc-chart-axis: #6A6A63;
  --mc-chart-grid: #DCDCD5;
  --mc-chart-label: #45453F;
  --mc-mix-base: #FFFFFF;
  --sumi: #1B1B19;
  --stone: #E4E5E1;
  --card: #F3F3EF;
  --taku: #A8352A;
  --ten-red: #A8352A;
  --ten-blue: #3E5F8A;
  --ten-gold: #8A6D12;
  --line: #CFCFC7;
  --font-display: "Zen Old Mincho", serif;
  --font-body: "Zen Kaku Gothic New", system-ui, sans-serif;
  --font-number: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --weight-display: 900;
  --radius: 0px;
  --radius-pill: 999px;
}

body[data-mc-theme="sakura"] {
  --mc-backdrop: rgb(43 34 48 / 42%);
  color-scheme: light;
  --mc-page-bg: #F6EEF3;
  --mc-surface: #FFFAFC;
  --mc-surface-muted: #FBF1F6;
  --mc-control-bg: #FFFFFF;
  --mc-text: #2B2230;
  --mc-text-muted: #665866;
  --mc-border: #EAD6E1;
  --mc-accent: #B23D74;
  --mc-on-accent: #FFFFFF;
  --mc-highlight: #E58FB4;
  --mc-info: #5266C8;
  --mc-positive: #2F7D63;
  --mc-negative: #B83A4E;
  --mc-focus: color-mix(in srgb, #9AA6EC 70%, #FFFFFF);
  --mc-shadow-color: rgb(178 61 116 / 8%);
  --mc-chart-axis: #7A6A78;
  --mc-chart-grid: #F1E3EB;
  --mc-chart-label: #54475A;
  --mc-mix-base: #FFFFFF;
  --sumi: #B23D74;
  --stone: #F6EEF3;
  --card: #FFFAFC;
  --taku: #B23D74;
  --ten-red: #7FC8B8;
  --ten-blue: #9AA6EC;
  --ten-gold: #E58FB4;
  --line: #EAD6E1;
  --font-display: "Zen Maru Gothic", system-ui, sans-serif;
  --font-body: "IBM Plex Sans JP", system-ui, sans-serif;
  --font-number: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --weight-display: 700;
  --radius: 14px;
  --radius-pill: 999px;
}

body[data-mc-theme="yoru"] {
  --mc-backdrop: rgb(0 0 0 / 60%);
  color-scheme: dark;
  --mc-page-bg: #0F1F19;
  --mc-surface: #17291F;
  --mc-surface-muted: #1D3127;
  --mc-control-bg: #1F3329;
  --mc-text: #ECEFE8;
  --mc-text-muted: #A9B3AB;
  --mc-border: #2E4237;
  --mc-accent: #8FD0B4;
  --mc-on-accent: #0F1F19;
  --mc-highlight: #E0BD4F;
  --mc-info: #7DB5EA;
  --mc-positive: #8FD0B4;
  --mc-negative: #F08B82;
  --mc-focus: color-mix(in srgb, #7DB5EA 70%, #17291F);
  --mc-shadow-color: rgb(0 0 0 / 30%);
  --mc-chart-axis: #8C978F;
  --mc-chart-grid: #25392E;
  --mc-chart-label: #C3CBC4;
  --mc-mix-base: #17291F;
  --sumi: #ECEFE8;
  --stone: #0F1F19;
  --card: #17291F;
  --taku: #8FD0B4;
  --ten-red: #F08B82;
  --ten-blue: #7DB5EA;
  --ten-gold: #E0BD4F;
  --line: #2E4237;
  --font-display: "IBM Plex Sans JP", system-ui, sans-serif;
  --font-body: "IBM Plex Sans JP", system-ui, sans-serif;
  --font-number: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --weight-display: 700;
  --radius: 8px;
  --radius-pill: 999px;
}

body[data-mc-theme="studio"] {
  --mc-backdrop: rgb(4 5 16 / 65%);
  color-scheme: dark;
  --mc-page-bg: #0D1024;
  --mc-surface: #151A36;
  --mc-surface-muted: #1A2042;
  --mc-control-bg: #1C2248;
  --mc-text: #EEF0FF;
  --mc-text-muted: #A3AAD0;
  --mc-border: #2A3160;
  --mc-accent: #5EE6F0;
  --mc-on-accent: #0D1024;
  --mc-highlight: #FF6FB5;
  --mc-info: #5EE6F0;
  --mc-positive: #5EE6F0;
  --mc-negative: #FF9F6E;
  --mc-focus: color-mix(in srgb, #5EE6F0 70%, #151A36);
  --mc-shadow-color: rgb(255 111 181 / 10%);
  --mc-chart-axis: #8790BD;
  --mc-chart-grid: #232A52;
  --mc-chart-label: #C3C8E8;
  --mc-mix-base: #151A36;
  --sumi: #FF6FB5;
  --stone: #0D1024;
  --card: #151A36;
  --taku: #5EE6F0;
  --ten-red: #9D8CFF;
  --ten-blue: #5EE6F0;
  --ten-gold: #FFD15C;
  --line: #2A3160;
  --font-display: "Dela Gothic One", system-ui, sans-serif;
  --font-body: "M PLUS 1p", system-ui, sans-serif;
  --font-number: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --weight-display: 400;
  /* Dela Gothic は大会名とパネル見出しだけ。小さな見出しで使うと潰れて読めないため本文書体の太字にする。 */
  --font-display-small: "M PLUS 1p", system-ui, sans-serif;
  --weight-display-small: 700;
  --radius: 14px;
  --radius-pill: 999px;
}