/*
Theme Name: Suwapon Shotenkai
Theme URI: https://www.suwapon.com/
Author: すわポン商店会
Description: すわポン商店会イベント告知サイト用オリジナルテーマ。トップ＋イベント詳細ページ（おいでん横丁・すわまちビンGO）。
Version: 1.0.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: suwapon
*/

:root{
  --night-0:#0a0f1e;
  --night-1:#0e1426;
  --night-2:#141b33;
  --night-3:#1c2547;
  --gold:#e8b64c;
  --gold-2:#f0c25e;
  --cream:#f4ead8;
  --red:#c73a2e;
}

body{
  margin:0;
  background:var(--night-1);
  font-family:'Zen Kaku Gothic New',sans-serif;
  color:var(--cream);
}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-2)}
img{max-width:100%;height:auto}

.sw-wrap{max-width:920px;margin:0 auto}

/* header */
.sw-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:rgba(14,20,38,.95);border-bottom:1px solid rgba(232,182,76,.25)}
.sw-header .sw-brand{font:900 16px 'Zen Maru Gothic',sans-serif;color:var(--cream)}
.sw-header .sw-brand span{color:var(--gold)}
.sw-nav{display:flex;gap:18px;align-items:center;list-style:none;margin:0;padding:0}
.sw-nav a{font:700 12px 'Zen Kaku Gothic New',sans-serif;color:var(--cream)}
.sw-nav a:hover{color:var(--gold)}

/* footer */
.sw-footer{padding:28px 20px;background:var(--night-0);border-top:1px solid rgba(232,182,76,.2)}
.sw-footer-inner{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:12px;align-items:center}

/* generic content (page.php / single.php) */
.sw-article{max-width:720px;margin:0 auto;padding:40px 20px 60px}
.sw-article h1{font:700 32px/1.3 'Kaisei Decol',serif;color:var(--cream)}
.sw-article h2{font:700 22px/1.4 'Kaisei Decol',serif;color:var(--gold)}
.sw-article .sw-content{font:400 15px/2 'Zen Kaku Gothic New',sans-serif;color:var(--cream)}
.sw-article .sw-content img{border-radius:12px}
.sw-meta{font:500 12px ui-monospace,Menlo,monospace;color:rgba(244,234,216,.5)}