@charset "UTF-8";
/* ==========================================================================
   AFP Directory — Design Tokens
   オフホワイト+ボルドーの医療系トンマナ。Google Fontsで完結。
   ========================================================================== */

:root {
  /* --- Palette ----------------------------------------------------------- */
  --afp-bg:           #faf7f2;          /* ベース：オフホワイト（紙の色） */
  --afp-bg-elev:      #ffffff;          /* カード/テーブル上面 */
  --afp-bg-tint:      #f4ede4;          /* 帯・セクション分け */
  --afp-bg-sand:      #efe6d7;          /* 砂色（CTA下地等） */

  --afp-ink:          #2a2622;          /* 本文（ピュア黒は使わない） */
  --afp-ink-soft:     #524a44;          /* 副情報 */
  --afp-ink-mute:     #8a807a;          /* キャプション */
  --afp-line:         #ddd2c2;          /* 罫線 */
  --afp-line-soft:    #ece4d6;

  --afp-bordeaux:     #7a1f2d;          /* メインアクセント（深めボルドー） */
  --afp-bordeaux-dk:  #5a141f;
  --afp-bordeaux-lt:  #9a3848;
  --afp-bordeaux-pale:#f1dfe2;          /* 薄い背景帯用 */

  --afp-gold:         #b08a48;          /* 二次アクセント（数字強調） */
  --afp-gold-soft:    #d9c69a;

  --afp-success:      #3e6b4f;
  --afp-danger:       #a13838;
  --afp-info:         #345879;

  /* --- Type -------------------------------------------------------------- */
  --afp-serif-jp:     "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;
  --afp-sans-jp:      "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  --afp-serif-en:     "Cormorant Garamond", "Times New Roman", serif;
  --afp-sans-en:      "Inter", "Helvetica Neue", Arial, sans-serif;

  --afp-fs-xxs:  12px;
  --afp-fs-xs:   13px;
  --afp-fs-sm:   14px;
  --afp-fs-md:   16px;
  --afp-fs-lg:   18px;
  --afp-fs-xl:   22px;
  --afp-fs-2xl:  28px;
  --afp-fs-3xl:  34px;
  --afp-fs-4xl:  42px;
  --afp-fs-5xl:  56px;

  --afp-lh-tight:  1.35;
  --afp-lh-base:   1.85;          /* 和文の読みやすさは1.8〜1.9 */
  --afp-lh-loose:  2.05;

  --afp-ls-tight:  -0.01em;
  --afp-ls-base:   0.02em;
  --afp-ls-loose:  0.18em;        /* 英字キャップス用 */

  /* --- Space ------------------------------------------------------------- */
  --afp-s-1:  4px;
  --afp-s-2:  8px;
  --afp-s-3:  12px;
  --afp-s-4:  16px;
  --afp-s-5:  24px;
  --afp-s-6:  32px;
  --afp-s-7:  48px;
  --afp-s-8:  64px;
  --afp-s-9:  96px;
  --afp-s-10: 128px;

  --afp-radius-xs: 2px;
  --afp-radius-sm: 4px;
  --afp-radius-md: 8px;
  --afp-radius-lg: 14px;
  --afp-radius-pill: 999px;

  --afp-container:        1240px;
  --afp-container-narrow: 820px;
  --afp-container-wide:   1440px;
  --afp-container-xwide:  1600px;

  --afp-shadow-sm:  0 1px 2px rgba(40,30,20,.04), 0 1px 3px rgba(40,30,20,.06);
  --afp-shadow-md:  0 2px 6px rgba(40,30,20,.06), 0 8px 24px rgba(40,30,20,.08);
  --afp-shadow-lg:  0 10px 30px rgba(40,30,20,.12), 0 30px 60px rgba(40,30,20,.10);

  --afp-ease: cubic-bezier(.22,.61,.36,1);
  --afp-dur-fast: 160ms;
  --afp-dur-base: 280ms;
  --afp-dur-slow: 520ms;
}