/* assets/css/variables.css */
:root {
    /* カラー */
    --color-primary:    #2c3e50;
    --color-accent:     #3498db;
    --color-bg:         #ffffff;
    --color-bg-sub:     #f8f9fa;
    --color-text:       #333333;
    --color-text-muted: #666666;
    --color-border:     #e0e0e0;

    /* タイポグラフィ */
    --font-base:   'Noto Sans JP', sans-serif;
    --font-code:   'Fira Code', monospace;
    --font-size-base: 16px;
    --line-height:    1.8;

    /* スペーシング */
    --space-xs:  4px;
    --space-sm:  8px;
    --space-md:  16px;
    --space-lg:  32px;
    --space-xl:  64px;
    --space-2xl: 96px;

    /* レイアウト */
    --container-max: 1100px;
    --border-radius: 8px;
    --shadow:        0 2px 8px rgba(0,0,0,0.08);
}