/* 買い替えノート デザイントークン
 * 配色: 紙白＋無彩グレー階調を広く / ブランド=インク紺(帳簿の記録色) / アクセント=値札朱(価格情報の慣習色・数値強調のみに限定)
 * 書体: Noto Sans JP 1種。数値はtabular-numsで桁揃え(比較表主体サイトの生命線)
 */
:root {
    /* color */
    --paper: #FBFAF7;          /* 紙白 */
    --ink: #23282D;            /* 本文 */
    --ink-weak: #5E6670;       /* 補助テキスト */
    --rule: #D8D5CE;           /* 罫線(帳簿モチーフの構造線) */
    --rule-strong: #9B968C;
    --brand: #1D3A5F;          /* インク紺 */
    --brand-weak: #EBEFF4;     /* 紺の淡地(帯・ヘッダ行) */
    --accent: #C63D1E;         /* 値札朱: 実質価格・CTAのみ */
    --white: #FFFFFF;

    /* type */
    --font-body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
    --fs-xs: 0.75rem;
    --fs-s: 0.875rem;
    --fs-m: 1rem;
    --fs-l: 1.25rem;
    --fs-xl: 1.625rem;
    --fs-xxl: 2.125rem;
    --lh-body: 1.9;
    --lh-tight: 1.4;

    /* layout */
    --wrap: 1040px;
    --wrap-narrow: 720px;
    --sp-1: 8px;
    --sp-2: 16px;
    --sp-3: 24px;
    --sp-4: 40px;
    --sp-5: 64px;
    --sp-6: 96px;
}