@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Shippori+Mincho:wght@500;600;700&display=swap');

:root {
    --color-primary: #27322e;
    --color-primary-soft: #3f4f49;
    --color-accent: #806035;
    --color-accent-soft: #c8ad82;
    --color-text: #252622;
    --color-muted: #68706a;
    --color-bg: #f7f4ee;
    --color-surface: #ffffff;
    --color-surface-tint: #eef3ed;
    --color-blush: #ead8d3;
    --color-line: #ded8ce;
    --color-ink: #171b18;

    --color-border: var(--color-line);
    --container-width: 1180px;
    --container: 1180px;
    --container-narrow: 780px;

    --font-heading: 'Shippori Mincho', 'Noto Serif JP', serif;
    --font-body: 'Noto Sans JP', system-ui, sans-serif;

    --space-section: clamp(4.25rem, 8vw, 8rem);
    --gutter: clamp(1.25rem, 4vw, 2.75rem);
    --radius: 6px;
    --radius-lg: 8px;
    --logo-height: 54px;
}