/* theme.css — 1hp.jp のデザイントークン（サイト所有）。
   お店の軒先をイメージした、生成りの地 + 朱色のひさし + 深緑の差し色。
   構造は cms.css（コア）、装飾は site.css、アイコンは icons.css。 */
:root {
  --color-bg: #fffdf9;
  --color-surface: #f7f2e9;
  --color-surface-alt: #eee6d8;
  --color-border: #e2d8c6;
  --color-text: #22303c;
  --color-text-muted: #5a6875;
  --color-accent: #d9480f;
  --color-accent-strong: #b23a0a;
  --color-accent-contrast: #ffffff;
  --color-link: #0b6b63;
  --color-teal: #0b6b63;
  --color-teal-soft: #dcefeb;
  --color-accent-soft: #fde6d9;
  --color-ink: #22303c;
  --container-width: 880px;
  --container-width-wide: 1120px;
  --radius-md: 14px;
  --radius-lg: 22px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #12181d; --color-surface: #1a2229; --color-surface-alt: #232d36;
    --color-border: #34414c; --color-text: #eceae4; --color-text-muted: #a7b2bc;
    --color-accent: #ff8a5c; --color-accent-strong: #ffa582; --color-accent-contrast: #1c1006;
    --color-link: #63d2c5; --color-teal: #63d2c5; --color-teal-soft: #17332f;
    --color-accent-soft: #3a2218; --color-ink: #0c1115;
  }
}
[data-theme="dark"] {
  --color-bg: #12181d; --color-surface: #1a2229; --color-surface-alt: #232d36;
  --color-border: #34414c; --color-text: #eceae4; --color-text-muted: #a7b2bc;
  --color-accent: #ff8a5c; --color-accent-strong: #ffa582; --color-accent-contrast: #1c1006;
  --color-link: #63d2c5; --color-teal: #63d2c5; --color-teal-soft: #17332f;
  --color-accent-soft: #3a2218; --color-ink: #0c1115;
}