/* ==========================================================================
   Theme: Bushido Modern — 漆紅×羊皮紙×藍・明朝見出し
   design/stitch_japan_samurai_festival_guide/DESIGN.md
   ========================================================================== */

:root {
    /* --- surface (羊皮紙・和紙) --- */
    --background: #fdf9f3;
    --surface-dim: #ddd9d4;
    --surface-lowest: #ffffff;
    --surface-low: #f7f3ed;
    --surface-container: #f1ede7;
    --surface-high: #ebe8e2;
    --surface-variant: #e6e2dc;

    /* --- text (墨×焦茶) --- */
    --on-surface: #1c1c18;
    --on-surface-variant: #5a403c;
    --outline: #8f706b;
    --outline-variant: #e3beb8;

    /* --- primary (漆紅) --- */
    --primary: #990e03;
    --on-primary: #ffffff;
    --primary-container: #ffdad4;
    --on-primary-container: #920700;

    /* --- secondary (藍鼠) --- */
    --secondary: #4e5e81;
    --secondary-container: #d8e2ff;
    --on-secondary-container: #364768;

    /* --- tertiary (開催中バッジ等も漆紅で統一) --- */
    --tertiary: #b52616;
    --on-tertiary: #ffffff;

    /* --- shape（刀の精密さ: 基本4px・カード8px） --- */
    --r: .25rem;
    --r-lg: .5rem;
    --r-xl: .75rem;
    --r-2xl: .75rem;
    --r-full: 9999px;

    /* --- layout --- */
    --container: 1280px;
    --gutter: 24px;
    --margin-mobile: 20px;
    --margin-desktop: 48px;
    --section-gap: 64px;

    /* --- type（見出しは明朝＝Noto Serif、本文はサンセリフ） --- */
    --font-head: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Yu Mincho", serif;
    --font-body: "Plus Jakarta Sans", -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;
    --font-serif: "Noto Serif JP", "Hiragino Mincho ProN", serif;

    --facts-bg: #fbf1ec;
}

/* Bushido Modern の質感: 影を排し、細く目的のある罫線（katana precision） */
.performer-card, .event-card {
    border: 1px solid var(--outline-variant);
    box-shadow: none;
}
.event-card:hover {
    transform: none;
    background: #fdf6f0;
    box-shadow: 0 4px 12px rgba(153,14,3,.06);
}
.maplibregl-popup-content {
    background: rgba(255,255,255,.94);
}
.chip { border: 1px solid var(--outline-variant); background: var(--surface-low); color: var(--on-surface-variant); }
/* 見出しの朱ダッシュは縦の太刀筋 */
.section-head h2::before, .article-body h2::before, .extra h2::before {
    width: 3px; height: 20px;
    vertical-align: -3px;
}