/* ==========================================================================
   Theme: Sapporo — 雪面の白×冬空の青緑を基調に、ライラックの紫をアクセントにした配色（暫定）
   （暫定テーマ）
   ========================================================================== */

:root {
    /* --- surface (雪面) --- */
    --background: #f7faf9;
    --surface-dim: #d7ddda;
    --surface-lowest: #ffffff;
    --surface-low: #f1f5f4;
    --surface-container: #eaf0ee;
    --surface-high: #e2e9e7;
    --surface-variant: #dbe4e1;

    /* --- text (雪空のチャコール) --- */
    --on-surface: #1a1e1d;
    --on-surface-variant: #444e4b;
    --outline: #75807c;
    --outline-variant: #c1cdc9;

    /* --- primary (冬空の青緑 Sapporo Teal) --- */
    --primary: #1f5f66;
    --on-primary: #ffffff;
    --primary-container: #d3e8ea;
    --on-primary-container: #0e3236;

    /* --- secondary (雪原のグレー) --- */
    --secondary: #5c6764;
    --secondary-container: #dde6e3;
    --on-secondary-container: #414b48;

    /* --- tertiary (ライラックの紫: CTA・開催中・アクセント専用) --- */
    --tertiary: #6b4c8f;
    --on-tertiary: #ffffff;

    /* --- shape（Rounded: 標準8px・大コンテナ16px） --- */
    --r: .5rem;
    --r-lg: .75rem;
    --r-xl: 1rem;
    --r-2xl: 1rem;
    --r-full: 9999px;

    /* --- layout --- */
    --container: 1200px;
    --gutter: 24px;
    --margin-mobile: 16px;
    --margin-desktop: 40px;
    --section-gap: 64px;

    /* --- type --- */
    --font-head: "Manrope", -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
    --font-body: "Noto Sans JP", "Noto Sans", -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
    --font-serif: "Noto Sans JP", "Noto Sans", -apple-system, "Hiragino Sans", sans-serif;
}
:root { --facts-bg: #e9f1f2; }