/* =====================================================
theme.css — サイト全体の共通スタイル
各ページの に で読み込む
===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Cinzel:wght@400;500&display=swap');
/* ─── CSS変数 ─────────────────────────────────────── */
:root {
--gold: #c8a96e;
--gold-light: #e2c99a;
--gold-dim: rgba(200, 169, 110, 0.6);
--gold-faint: rgba(200, 169, 110, 0.18);
--cream: #ffffff;
--cream-dim: rgba(255, 255, 255, 0.7);
--dark: #0c0a08;
--font-display: 'Cinzel', serif;
--font-body: 'Cormorant Garamond', serif;
}
/* ─── ベースリセット ──────────────────────────────── */
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
background: var(--dark);
color: var(--cream);
font-family: var(--font-body);
cursor: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
overflow-x: hidden;
overflow-y: auto;
min-height: 100vh;
/* padding は各ページの