/* theme.css — 配色・フォント・寸法のトークンのみ。ブラック × プラチナ（シャンパンゴールド）。 */
:root {
  --color-bg: #ffffff;
  --color-surface: #f6f6f8;
  --color-surface-alt: #ececf0;
  --color-border: #dcdce2;
  --color-text: #1b1c22;
  --color-text-muted: #5d6068;
  --color-accent: #3b4252;
  --color-accent-strong: #1f2430;
  --color-signal: #b59a55;
  --color-card-1: #0c0d11;
  --color-card-2: #23252d;
  --color-platinum: #d5d8de;
  --color-accent-contrast: #ffffff;
  --color-link: #5a4a1c;
  --callout-note: #3b5bdb;
  --callout-tip: #2f9e44;
  --callout-important: #7048e8;
  --callout-warning: #d9730d;
  --callout-caution: #d6336c;
  --font-sans: "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Segoe UI", system-ui, sans-serif;
  --font-serif: "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", Georgia, serif;
  --line-height: 1.85;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --container-width: 920px;
  --container-width-wide: 1120px;
  --header-height: 64px;
  --shadow-sm: 0 1px 2px rgba(15, 15, 25, .06), 0 2px 8px rgba(15, 15, 25, .05);
  --shadow-md: 0 6px 18px rgba(15, 15, 25, .16);
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #0f1013; --color-surface: #17181d; --color-surface-alt: #1f2026; --color-border: #2c2e36;
    --color-text: #e8e9ed; --color-text-muted: #9ea1ab; --color-accent: #c9ccd6; --color-accent-strong: #e4e6ee;
    --color-accent-contrast: #0f1013; --color-link: #d9bf7a;
  }
}
[data-theme="dark"] {
  --color-bg: #0f1013; --color-surface: #17181d; --color-surface-alt: #1f2026; --color-border: #2c2e36;
  --color-text: #e8e9ed; --color-text-muted: #9ea1ab; --color-accent: #c9ccd6; --color-accent-strong: #e4e6ee;
  --color-accent-contrast: #0f1013; --color-link: #d9bf7a;
}