/* =====================================================================
   THEME · ZEN — Japanese washi paper, thin lines, red seal dot
   ===================================================================== */

[data-theme="zen"] {
    --bg: #F2EDE2;
    --bg-alt: #E8E0CE;
    --bg-card: #F8F4EA;
    --fg: #1A1A1A;
    --fg-muted: #6B6257;
    --accent: #C8202B;
    --accent-dark: #A4181F;
    --accent-contrast: #F8F4EA;
    --accent-glow: rgba(200, 32, 43, 0.15);
    --border: rgba(26, 26, 26, 0.12);

    --font-head: "Noto Serif JP", "Shippori Mincho", serif;
    --font-body: "Noto Sans JP", "Shippori Mincho", serif;
    --font-weight-head: 300;

    --radius: 0;
    --radius-sm: 0;
    --stroke: 1px;
    --density: 1.5;
    --section-pad: clamp(4rem, 10vw, 9rem);
    --photo-filter: saturate(0.85) contrast(0.95);
    --shadow-card: none;
    --btn-shape: 0;
}

/* Washi paper texture overlay */
[data-theme="zen"] body {
    background-color: #F2EDE2;
    background-image:
        radial-gradient(circle at 15% 25%, rgba(139,120,85,0.04) 0%, transparent 35%),
        radial-gradient(circle at 85% 75%, rgba(139,120,85,0.05) 0%, transparent 40%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' /></filter><rect width='180' height='180' filter='url(%23n)' opacity='0.08'/></svg>");
}

/* Hero — minimal, centered, big red seal in corner */
[data-theme="zen"] .hero h1 {
    font-weight: 300;
    letter-spacing: 0.02em;
    font-size: clamp(2.5rem, 5vw, 4rem);
}
[data-theme="zen"] .hero::after {
    content: "印";
    position: absolute;
    top: 20%;
    right: 10%;
    width: 90px; height: 90px;
    background: var(--accent);
    color: #FFF;
    display: flex; align-items: center; justify-content: center;
    font-family: "Noto Serif JP", serif;
    font-size: 2.4rem;
    font-weight: 700;
    transform: rotate(-8deg);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    z-index: 2;
}

/* Section divider: thin horizontal line */
[data-theme="zen"] .section + .section::before {
    content: "・";
    position: absolute;
    top: 20px; left: 50%;
    transform: translateX(-50%);
    color: var(--fg-muted);
    font-size: 1.5rem;
}
[data-theme="zen"] .section { position: relative; }

/* Cards — paper with hairline border */
[data-theme="zen"] .card,
[data-theme="zen"] .paket,
[data-theme="zen"] .work-card,
[data-theme="zen"] .faq-item {
    background: #F8F4EA;
    border: 1px solid rgba(26,26,26,0.15);
    border-radius: 0;
    box-shadow: 0 1px 0 rgba(0,0,0,0.04);
    padding: 2.2rem;
}

/* Buttons — sharp rectangle, red ink */
[data-theme="zen"] .btn-primary {
    background: var(--accent);
    color: #F8F4EA;
    border: 1px solid var(--accent);
    border-radius: 0;
    letter-spacing: 0.15em;
    font-weight: 400;
    padding: 1rem 1.8rem;
}
[data-theme="zen"] .btn-primary:hover { background: #1A1A1A; border-color: #1A1A1A; }

[data-theme="zen"] .btn-secondary {
    background: transparent; color: #1A1A1A; border: 1px solid #1A1A1A; border-radius: 0;
    letter-spacing: 0.15em;
}

[data-theme="zen"] .section-eyebrow,
[data-theme="zen"] .hero-eyebrow {
    color: var(--accent);
    letter-spacing: 0.3em;
    font-weight: 400;
}

/* Tile */
.tile-preview[data-theme="zen"] {
    background: #F2EDE2;
    color: #1A1A1A;
    position: relative;
}
.tile-preview[data-theme="zen"]::before {
    content: "印";
    position: absolute; top: 8px; right: 10px;
    width: 22px; height: 22px;
    background: #C8202B;
    color: #FFF;
    font-size: 0.7rem;
    display: flex; align-items: center; justify-content: center;
    transform: rotate(-8deg);
}
.tile-preview[data-theme="zen"] .tile-dot { display: none; }
.tile-preview[data-theme="zen"] .tile-head { font-weight: 300; }