/* ==========================================================================
   Theme: Modern Edo — 江戸紅×墨×和紙のモダン和風ミニマル
   design/stitch_asakusa_event_guide/DESIGN.md
   ========================================================================== */

:root {
    /* --- surface (和紙) --- */
    --background: #fbf9f8;
    --surface-dim: #dbdad9;
    --surface-lowest: #ffffff;
    --surface-low: #f5f3f3;
    --surface-container: #efeded;
    --surface-high: #e9e8e7;
    --surface-variant: #e4e2e2;

    /* --- text (墨) --- */
    --on-surface: #1b1c1c;
    --on-surface-variant: #5b403d;
    --outline: #8f6f6c;
    --outline-variant: #e4beba;

    /* --- primary (江戸紅) --- */
    --primary: #af101a;
    --on-primary: #ffffff;
    --primary-container: #ffdad6;
    --on-primary-container: #930010;

    /* --- secondary (墨グレー) --- */
    --secondary: #5d5e61;
    --secondary-container: #e2e2e5;
    --on-secondary-container: #454749;

    /* --- tertiary (開催中バッジ等は江戸紅で強調) --- */
    --tertiary: #af101a;
    --on-tertiary: #ffffff;

    /* --- shape（Soft and Precise: 基本4px・カード8px） --- */
    --r: .25rem;
    --r-lg: .5rem;
    --r-xl: .75rem;
    --r-2xl: .5rem;
    --r-full: 9999px;

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

    /* --- type --- */
    --font-head: "Be Vietnam Pro", -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: #fdf5f3; }

/* Modern Edo の質感: 影ではなく1px罫線＋精密な小さめ角丸 */
.performer-card, .event-card {
    border: 1px solid var(--outline-variant);
    box-shadow: none;
}
.event-card:hover {
    transform: none;
    background: #fffaf9;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
}
.maplibregl-popup-content {
    background: #ffffff;
    backdrop-filter: none; -webkit-backdrop-filter: none;
}
.chip { border: 0; background: var(--surface-high); color: var(--on-surface-variant); }
/* 見出しの紅ダッシュは横棒（Edo流儀） */
.section-head h2::before, .article-body h2::before, .extra h2::before {
    width: 18px; height: 3px;
    vertical-align: 4px;
}