/*
 * base.css … 色・フォント・余白などをCSS変数で一元管理する。
 * 個別のページやコンポーネントのCSSは、ここで定義した変数を参照する。
 */
:root {
    --color-primary: #2e7d46;
    --color-primary-dark: #1f5c33;
    --color-text: #222222;
    --color-text-muted: #6b6b6b;
    --color-bg: #f7f7f5;
    --color-surface: #ffffff;
    --color-border: #dddddd;
    --color-danger: #c62828;

    --font-family: "Hiragino Sans", "Yu Gothic", Meiryo, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-size-base: 16px;

    --spacing-unit: 8px;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    color: var(--color-text);
    background: var(--color-bg);
}

a {
    color: var(--color-primary);
}