/* ==========================================================================
   demos/004_florist/css/tokens.css
   花時間（架空の花屋）ブランドトークン
   コントラスト比は scripts/contrast_check.py で検証済み。
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap");

:root {
  --color-bg: #FAF7F2;
  --color-bg-alt: #F1EAE0;
  --color-surface: #FFFFFF;

  --color-text: #2E2A22;
  --color-text-muted: #655D4E;

  --color-primary: #3E5A44;
  --color-primary-dark: #253A2A;
  --color-on-primary: #FFFFFF;

  --color-accent: #C97361;
  --color-accent-contrast: #3A160F;

  --color-border: #E5DDD0;
  --color-focus: #3E5A44;

  --color-footer-bg: #1D2B20;
  --color-footer-text: #FFFFFF;

  --font-heading: "Zen Old Mincho", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --shadow-sm: 0 2px 10px rgba(37, 58, 42, 0.08);
  --shadow-md: 0 14px 34px rgba(37, 58, 42, 0.16);

  --container-width: 1100px;
}