/* BondCare Phase 1-A — Design Tokens
   添付画像①〜⑦の世界観を再現するための共通変数。
   色・書体・余白・影・角丸をここに集約する。 */

:root {
  /* Color — 深いネイビー / 控えめゴールド / 白基調 */
  --bc-navy-900: #0b234a;
  --bc-navy-800: #123568;
  --bc-navy-700: #1d477d;
  --bc-navy-600: #2a5893;
  --bc-gold-500: #c8a45d;
  --bc-gold-400: #d6b878;
  --bc-gold-300: #e6d3a4;
  --bc-white: #ffffff;
  --bc-bg: #f8fafc;
  --bc-bg-soft: #f2f5f9;
  --bc-border: #dfe5ec;
  --bc-border-soft: #ebeff4;
  --bc-text: #13233f;
  --bc-text-2: #3d4d68;
  --bc-muted: #758198;
  --bc-muted-2: #9aa4b5;
  --bc-success: #2f8a5b;
  --bc-warning: #c28a2c;
  --bc-danger: #b94a48;

  /* Surfaces */
  --bc-card: #ffffff;
  --bc-card-tint: #fbfcfe;

  /* Typography */
  --bc-font-mincho: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho",
    "Noto Serif JP", "Songti SC", serif;
  --bc-font-gothic: "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic",
    "Noto Sans JP", "Meiryo", sans-serif;

  /* Radius */
  --bc-r-sm: 10px;
  --bc-r-md: 14px;
  --bc-r-lg: 18px;
  --bc-r-pill: 999px;

  /* Shadow — やわらかな影 */
  --bc-shadow-sm: 0 1px 2px rgba(19, 35, 63, 0.04),
    0 2px 8px rgba(19, 35, 63, 0.04);
  --bc-shadow-md: 0 4px 16px rgba(19, 35, 63, 0.06),
    0 1px 3px rgba(19, 35, 63, 0.05);
  --bc-shadow-nav: 0 -2px 16px rgba(19, 35, 63, 0.06);

  /* Spacing */
  --bc-sp-1: 4px;
  --bc-sp-2: 8px;
  --bc-sp-3: 12px;
  --bc-sp-4: 16px;
  --bc-sp-5: 20px;
  --bc-sp-6: 24px;
  --bc-sp-8: 32px;

  /* Layout */
  --bc-shell-max: 430px;
  --bc-nav-h: 68px;
  --bc-tap: 44px;
}