/**
 * BARTIS HOME デザイントークン（正本）
 * 仕様: bh-site/DESIGN.md §2.6
 * 変更時は DESIGN.md と同時更新すること。
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

:root {
  /* ── Brand ── */
  --bh-logo-blue-dark: #2f7fa3;
  --bh-logo-blue: #8fb8c1;
  --bh-pale-blue: #eef6f8;
  --bh-pale-blue-2: #f6fbfc;
  --bh-charcoal: #55565a;

  /* ── Base / Text ── */
  --bh-text: #2b2d31;
  --bh-muted: #7a7d82;
  --bh-white: #ffffff;
  --bh-border: #dde8eb;

  /* ── Accent / CTA ── */
  --bh-gold: #d6a842;
  --bh-orange: #e8871a;
  --bh-orange-dark: #cf7114;
  --bh-wine: #9e2b38;
  --bh-wine-dark: #7e222d;
  --bh-line-green: #06c755;

  /* ── Typography ── */
  --font-body:
    "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;

  /* ── Layout ── */
  --max-width-sp: 520px;
  --max-width-pc: 1200px;
  --layout-breakpoint: 768px;
  --max-width: var(--max-width-sp);

  /* ── Spacing（8px scale） ── */
  --page-gutter: 32px;
  --section-pad-y: 40px;
  --section-pad-x: var(--page-gutter);
  --section-pad-y-marketing: 64px;

  /* ── Shell / chrome ── */
  --site-header-h: 48px;
  --trust-ticker-h: 32px;
  --location-line-h: 2px;
  --sticky-cta-h: 52px;
  --minibar-h: 52px;
  --ribbon-h: 40px;

  /* ── Radius ── */
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 10px;

  /* ── Shadow ── */
  --shadow-soft: 0 16px 40px rgba(47, 127, 163, 0.1);
  --shadow-cta: 0 12px 28px rgba(232, 135, 26, 0.32);
  --shadow-cta-wine: 0 12px 28px rgba(158, 43, 56, 0.28);
  --shadow-line: 0 8px 20px rgba(6, 199, 85, 0.22);
  --shadow-line: 0 8px 20px rgba(6, 199, 85, 0.22);

  /* ── UI components (tabs, pricing) ── */
  --tab-track: #e4e6e9;
  --tab-off-bg: #eceef0;
  --tab-off-text: #a8adb4;
  --tab-off-sub: #b8bdc4;
  --green-mid: #d8ecf0;
}

@media (min-width: 768px) {
  :root {
    --max-width: var(--max-width-pc);
    --page-gutter: 48px;
    --section-pad-y: 48px;
    --section-pad-x: var(--page-gutter);
    --section-pad-y-marketing: 80px;
  }
}