/* ============================================================
 * +ART Design Tokens — hp.pls-art.com
 * Single source of truth for colors / typography / spacing.
 * Values are derived from the production design (assets/style.css)
 * and are PURELY ADDITIVE: nothing in the existing prototype CSS
 * consumes these variables, so loading this file changes nothing
 * visually. New components (Button, /design-system) build on it.
 * ============================================================ */
:root {
  /* ---- Color · Brand ---- */
  --c-accent:        #A50005;   /* ブランド赤（主要アクセント） */
  --c-accent-deep:   #7A0004;   /* hover / 押下 */

  /* ---- Color · Ink ---- */
  --c-ink:           #0A0A0A;   /* 見出し・強コントラスト */
  --c-ink-2:         #202020;   /* 本文 */
  --c-ink-mute:      #6B6560;   /* 補助・メタ */

  /* ---- Color · Surface ---- */
  --c-paper:         #F6F4EF;   /* 主要背景（クリーム） */
  --c-paper-2:       #F8F8F8;   /* 交互セクション */
  --c-card:          #FFFFFF;   /* カード */
  --c-dark:          #1D1D1D;   /* ダークセクション */
  --c-rule:          #E8E8E8;   /* 罫線 */

  /* ---- Typography · Family ---- */
  --f-en:    'Poppins', sans-serif;
  --f-jp:    'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif;
  --f-serif: arno-pro-display, 'Noto Serif', serif;

  /* ---- Typography · Size (px 規定) ---- */
  --fs-xs:   12px;
  --fs-sm:   13px;
  --fs-base: 14px;   /* 本文基準 */
  --fs-md:   16px;
  --fs-lg:   18px;
  --fs-xl:   22px;
  --fs-2xl:  28px;
  --fs-3xl:  42px;
  --fs-4xl:  56px;
  --fs-5xl:  64px;
  --fs-6xl:  88px;

  /* ---- Typography · Weight ---- */
  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-extra:    800;
  --fw-black:    900;

  /* ---- Typography · Line height ---- */
  --lh-tight:  1.05;
  --lh-snug:   1.4;
  --lh-normal: 1.6;
  --lh-body:   1.8;

  /* ---- Spacing scale (px) ---- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-14: 56px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-30: 120px;
  --sp-section: 140px;   /* 標準セクション縦余白 */

  /* ---- Radius ---- */
  --r-sm:   6px;
  --r-pill: 999px;

  /* ---- Motion ---- */
  --ease:   cubic-bezier(.22, .7, .2, 1);
  --t-fast: .25s;
  --t-base: .35s;

  /* ---- Layout ---- */
  --container: 1200px;
  --header-h:  72px;
}