/*
 * Copyright (c) 2026 AIRISH LLC
 * All Rights Reserved.
 *
 * This source code is proprietary and confidential.
 * Use is permitted only with explicit authorization from AIRISH LLC.
 * See the LICENSE file for details.
 */
/* ============================================================
   tokens.css — デザイントークン（配色・タイポ・余白・角丸）
   ハワイ×医療の清潔感：白基調 + オーシャンティール + サンド
   ============================================================ */
:root {
  /* ---- 配色（現行サイト ohanadent.com の実値）---- */
  --ink:        #333333;   /* 本文・見出し */
  --ink-soft:   #555c5f;   /* 補助テキスト */
  --ink-mute:   #7c878b;   /* 注釈 */
  --ocean:      #00859a;   /* プライマリ（ティール／リンク） */
  --ocean-deep: #003958;   /* 濃色（見出し強調・ヘッダー文字） */
  --ocean-hover:#4eacba;   /* リンクホバー */
  --ocean-tint: #e7f4f6;   /* 薄いティール背景（セクション地色） */
  --cyan:       #39b1c4;   /* 区切り線 hr */
  --sand:       #f2f8f9;   /* 補助の薄色地 */
  --sand-deep:  #e6f0f2;
  --coral:      #950006;   /* 強調レッド（電話・ページトップ） */
  --coral-deep: #76000a;
  --reserve:    #e0822e;   /* 予約フォームボタン（オレンジ） */
  --reserve-deep:#c66d1b;

  --surface:    #ffffff;
  --bg:         #ffffff;
  --line:       #cccccc;
  --line-soft:  #e4e8ea;

  --ok:         #1e8e6a;
  --ok-bg:      #e6f5ee;
  --bad:        #c0392b;
  --bad-bg:     #fbe8e5;
  --warn-bg:    #fdf3e3;

  /* ---- タイポグラフィ（現行：本文 Noto Sans JP・見出し Noto Serif JP）---- */
  --font-display: "Zen Kaku Gothic New", "Noto Sans JP", system-ui, sans-serif;
  --font-serif:   "Noto Serif JP", "Hiragino Mincho ProN", serif;
  --font-body:    "Noto Sans JP", system-ui, "Hiragino Kaku Gothic ProN", sans-serif;
  --font-num:     "Inter", var(--font-body);

  --fs-root: 16px;       /* a11yの文字サイズ調整で上書き */
  --lh:      1.8;
  --lh-tight:1.4;

  /* ---- 余白・レイアウト ---- */
  --container: 1120px;
  --container-narrow: 820px;
  --gut: clamp(16px, 4vw, 40px);
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;

  /* ---- 角丸（控えめ：最大8px）・影 ---- */
  --r-sm: 4px;
  --r:    8px;
  --r-lg: 8px;
  --shadow-sm: 0 1px 2px rgba(22,36,43,.06), 0 1px 3px rgba(22,36,43,.05);
  --shadow:    0 2px 8px rgba(22,36,43,.07), 0 8px 24px rgba(22,36,43,.05);

  --ring: 0 0 0 3px rgba(0,133,154,.30);  /* フォーカスリング */
  --header-h: 72px;
}

/* a11y: 文字サイズ段階 */
:root[data-fontsize="small"]  { --fs-root: 15px; }
:root[data-fontsize="medium"] { --fs-root: 16px; }
:root[data-fontsize="large"]  { --fs-root: 18px; }