/* ==========================================================================
   variables.css
   デザイントークンのみ（色・文字サイズ・余白）。セレクタ・レイアウトは書かない。
   新しく書くCSSはここの変数を使う。既存CSS（style.css / dsi.css ほか）は対象外。
   ========================================================================== */

:root {
    /* 色 */
    --color-text: #333;
    --color-text-sub: #777;
    --color-line: #ddd;
    --color-bg-sub: #f7f7f7;
    --color-accent: #8f272b;

    /* 文字サイズ */
    --fz-12: 1.2rem;
    --fz-13: 1.3rem;
    --fz-14: 1.4rem;
    --fz-15: 1.5rem;
    --fz-16: 1.6rem;
    --fz-20: 2.0rem;

    /* 余白 */
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-40: 40px;
    --space-64: 64px;
}