/* Design tokens are centralized so future pages can share the same visual system. */
:root {
    --font-sans: Arial, Helvetica, sans-serif;
    --font-serif: Georgia, "Times New Roman", serif;

    --color-ink: #141414;
    --color-ink-soft: #2d2a26;
    --color-muted: #6a645c;
    --color-muted-strong: #4f4a44;
    --color-line: #e4d9ca;
    --color-line-strong: #cdbb9f;
    --color-surface: #fbfaf7;
    --color-surface-warm: #f2ece2;
    --color-panel: #ffffff;
    --color-panel-soft: rgba(255, 255, 255, 0.82);
    --color-deep: #14201c;
    --color-deep-soft: #22352f;
    --color-gold: #b88945;
    --color-gold-soft: #d9bc88;
    --color-gold-dark: #745024;

    --shadow-soft: 0 22px 60px rgba(20, 32, 28, 0.1);
    --shadow-premium: 0 28px 90px rgba(20, 32, 28, 0.16);
    --shadow-card-hover: 0 22px 54px rgba(20, 32, 28, 0.12);

    --container: 1120px;
    --radius: 8px;
    --radius-large: 10px;

    --space-section: 104px;
    --space-section-mobile: 72px;
    --transition-fast: 180ms ease;
    --transition-medium: 240ms ease;
}