@charset "UTF-8";
/* ==========================================================================
   AFP Yakkyoku — Design Tokens
   ミントクリーム + ティール + コーラルの明るくクリーンな薬局トンマナ。
   サンセリフ完結。クリニック版(ボルドー+明朝)とは別デザイン。
   変数名は AFP Directory と互換（components/overrides がそのまま参照）。
   ========================================================================== */

:root {
  /* --- Palette ----------------------------------------------------------- */
  --afp-bg:           #f0f8f5;          /* ベース：ミントクリーム */
  --afp-bg-elev:      #ffffff;          /* カード/テーブル上面 */
  --afp-bg-tint:      #e2f1ec;          /* 帯・セクション分け */
  --afp-bg-sand:      #d8efe7;          /* 淡ティント（CTA下地等） */

  --afp-ink:          #16302b;          /* 本文（ダークティールグレー） */
  --afp-ink-soft:     #3f5650;          /* 副情報 */
  --afp-ink-mute:     #7d918b;          /* キャプション */
  --afp-line:         #cfe3db;          /* 罫線 */
  --afp-line-soft:    #e6f1ec;

  --afp-bordeaux:     #0e8c7f;          /* メインアクセント（ティール）※変数名は互換維持 */
  --afp-bordeaux-dk:  #0a6e63;
  --afp-bordeaux-lt:  #2bb3a3;
  --afp-bordeaux-pale:#d7f0eb;          /* 薄い背景帯用 */

  --afp-gold:         #ef6146;          /* 二次アクセント（コーラル：CTA/数字強調） */
  --afp-gold-soft:    #f6b6a8;

  --afp-success:      #1f9d6a;
  --afp-danger:       #e0533d;
  --afp-info:         #2f7dbf;

  /* --- Type（サンセリフ完結。serif系の変数もsansへ向ける） --------------- */
  --afp-serif-jp:     "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  --afp-sans-jp:      "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  --afp-serif-en:     "Inter", "Helvetica Neue", Arial, sans-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.4;
  --afp-lh-base:   1.85;          /* 和文の読みやすさは1.8〜1.9 */
  --afp-lh-loose:  2.05;

  --afp-ls-tight:  -0.01em;
  --afp-ls-base:   0.01em;        /* サンセリフは字間つめ気味 */
  --afp-ls-loose:  0.14em;        /* 英字キャップス用 */

  /* --- 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: 4px;
  --afp-radius-sm: 8px;
  --afp-radius-md: 12px;
  --afp-radius-lg: 18px;
  --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(14,80,70,.05), 0 1px 3px rgba(14,80,70,.07);
  --afp-shadow-md:  0 2px 6px rgba(14,80,70,.07), 0 8px 24px rgba(14,80,70,.09);
  --afp-shadow-lg:  0 10px 30px rgba(14,80,70,.13), 0 30px 60px rgba(14,80,70,.10);

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