/* ===========================================
 * +ART Design Tokens
 * 凡例: ★=既存pls-art.comから継承 / ◆=確定 / ◇=暫定(再検証可)
 * 改修ポイント: 色・タイポ・余白は基本ここで一括変更
 * =========================================== */
:root {

    /* ---------- 1. COLOR — BRAND ---------- */
    --accent:        #A50005;   /* ★ ブランド赤 */
    --accent-deep:   #7A0004;   /* ◇ accent:hover */

    /* ---------- 2. COLOR — SURFACE ---------- */
    --bg-paper:      #FAF8F3;   /* ◆ メイン背景 (既存#F8F8F8 を暖色化) */
    --bg-paper-2:    #F4F0E8;   /* ◇ 交互セクション */
    --bg-card:       #FFFFFF;   /* ◆ カード白 */
    --bg-warm:       #FAF9F5;   /* ◇ ヘッダー backdrop tint */

    /* ---------- 3. COLOR — INK ---------- */
    --ink:           #1A1513;   /* ◆ 本文・見出し */
    --ink-2:         #202020;   /* ◆ 長文 (既存body色) */
    --ink-mute:      #6B6560;   /* ◆ 2次情報・メタ */
    --black:         #0A0805;   /* ◆ 黒帯シグネチャ */
    --footer-bg:     #1A1513;   /* ◆ フッター = ink */

    /* ---------- 4. COLOR — RULE ---------- */
    --rule:          #E8E2DC;   /* ◆ 罫線 */
    --rule-soft:     #EFEAE6;   /* ◆ ソフト罫線 */

    /* ---------- 5. COLOR — CATEGORY (ART & BUSINESS) ---------- */
    --cat-branding:  #A50005;   /* ◆ ハブ = accent */
    --cat-ad:        #0F4C8C;   /* ◆ 深い青 (WCAG 8.2:1) */
    --cat-space:     #155F37;   /* ◆ 深い緑 (WCAG 7.6:1) */
    --cat-thinking:  #6E4310;   /* ◆ アンバー (WCAG 8.0:1) */
    --cat-insights:  #2B2620;   /* ◆ カーボン */
    --cat-media:     #4F2275;   /* ◆ 深い紫 (WCAG 9.8:1) */

    /* ---------- 6. TYPO — FAMILY ---------- */
    --f-en:    "Poppins", sans-serif;
    --f-jp:    "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
    --f-serif: "Noto Serif JP", "Hiragino Mincho ProN", serif;

    /* ---------- 7. TYPO — SIZE ---------- */
    --fs-xs:     11px;
    --fs-sm:     13px;
    --fs-base:   15px;   /* ★ 本文 */
    --fs-md:     17px;   /* ★ lead */
    --fs-lg:     21px;   /* ★ 黒帯 */
    --fs-xl:     28px;
    --fs-2xl:    36px;
    --fs-3xl:    42px;   /* ★ H2 (既存 top-section-head-title) */
    --fs-4xl:    56px;
    --fs-5xl:    66px;   /* ★ Hero catch */
    --fs-6xl:    88px;

    /* ---------- 8. TYPO — LINE HEIGHT ---------- */
    --lh-tight:   1.05;
    --lh-snug:    1.4;
    --lh-normal:  1.6;
    --lh-body:    1.89;  /* ★ 既存body */
    --lh-loose:   2.0;

    /* ---------- 9. TYPO — TRACKING ---------- */
    --tr-display: -0.04em;
    --tr-tight:   -0.025em;
    --tr-normal:  0;
    --tr-wide:    0.08em;
    --tr-wider:   0.14em;
    --tr-widest:  0.22em;

    /* ---------- 10. SPACING (8px base) ---------- */
    --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-28:   112px;
    --sp-32:   128px;

    /* ---------- 10b. RHYTHM (baseline = body line-height 28px) ---------- */
    --rhythm-1:    28px;
    --rhythm-2:    56px;
    --rhythm-3:    84px;
    --rhythm-4:    112px;
    --rhythm-6:    168px;
    --rhythm-9:    252px;
    --rhythm-12:   336px;

    /* ---------- 11. MOTION ---------- */
    --ease-paper: cubic-bezier(0.32, 0.08, 0.24, 1);
    --t-fast:     200ms;
    --t-base:     400ms;
    --t-slow:     800ms;

    /* ---------- 12. LAYOUT ---------- */
    --container-narrow: min(92%, 880px);
    --container:        min(92%, 1200px);
    --container-wide:   min(92%, 1440px);
    --topbar-h:         40px;
    --header-h:         80px;

    /* ---------- 13. ELEVATION ---------- */
    --border-thin:   1px solid var(--rule);
    --border-accent: 3px solid var(--accent);
    --shadow-soft:   0 8px 32px rgba(26, 21, 19, 0.06);
    --radius-sm:     1px;
    --radius-md:     2px;
}