/* Direction 1 — Le Parchemin (traditionnel & épuré) */
:root {
    --bg: #F4F1EA;
    --bg-alt: #EFEAE0;
    --surface: #FAF8F3;
    --surface-2: #F4F1EA;
    --text: #2E2A26;
    --muted: #5F5850;
    --heading: #1A1A1A;
    --accent: #9E2A2B;
    --accent-hover: #7F1D1D;
    --accent-soft: rgba(158, 42, 43, .09);
    --accent-2: #8C6D46;
    --border: rgba(26, 26, 26, .14);
    --header-bg: rgba(244, 241, 234, .94);
    --header-text: #1A1A1A;
    --footer-bg: #2D241E;
    --footer-text: #F1ECE2;
    --footer-muted: rgba(241, 236, 226, .66);
    --footer-accent: #D59A8F;
    --cta-bg: #1A1A1A;
    --cta-text: #F4F1EA;

    --font-heading: 'Cinzel', 'Noto Serif JP', Georgia, serif;
    --font-display: 'Cinzel', 'Noto Serif JP', Georgia, serif;
    --font-nav: 'Cinzel', Georgia, serif;
    --heading-tracking: .03em;
    --nav-tracking: .06em;
    --radius: 2px;
    --radius-lg: 3px;
    --radius-btn: 2px;
    --shadow: 0 8px 24px -16px rgba(45, 36, 30, .35);
    --shadow-hover: 0 18px 38px -18px rgba(45, 36, 30, .45);
    --pattern: radial-gradient(rgba(140, 109, 70, .28) .65px, transparent .65px);
    --pattern-size: 16px 16px;
}
.brand-mark { font-family: var(--font-jp); }
.hero-title { font-weight: 700; }
.hero-accent { font-family: var(--font-heading); font-weight: 400; font-style: italic; text-transform: none; }

/* Cadre d'estampe avec coins rouges */
.hero-frame { border-width: 2px; }
.hero-frame::before, .hero-frame::after { content: ""; position: absolute; width: 26px; height: 26px; border: 2px solid var(--accent); }
.hero-frame::before { top: -9px; left: -9px; border-right: 0; border-bottom: 0; }
.hero-frame::after { bottom: -9px; right: -9px; border-left: 0; border-top: 0; }
.hero-art { background: radial-gradient(circle at 50% 40%, rgba(158, 42, 43, .12), transparent 55%), repeating-linear-gradient(0deg, transparent 0 22px, rgba(26, 26, 26, .03) 22px 23px), #EFEAE0; }
.hero-art-kanji { color: #1A1A1A; text-shadow: 3px 3px 0 rgba(158, 42, 43, .15); }

/* Boutons façon tampon Hanko */
.btn-primary { box-shadow: 0 0 0 1px rgba(158, 42, 43, .2), 0 6px 16px -8px rgba(158, 42, 43, .6); }
.header-cta { background: transparent; color: var(--accent); border: 2px solid var(--accent); box-shadow: none; }
.header-cta:hover { background: var(--accent); color: #fff; }

.card { border-width: 1px; }
.card-link:hover, .ryuha-card:hover { border-color: var(--accent); }
.section-title::after { width: 64px; height: 1px; box-shadow: 0 3px 0 var(--accent); }
.page-hero { background: #EFEAE0 radial-gradient(circle at 85% 50%, rgba(158, 42, 43, .07), transparent 45%); }
.person-initials { font-family: var(--font-jp); border-radius: 4px; }
.prose th { background: #2D241E; color: #F4F1EA; }