/* ==================================================================== Vanceator — Luxe thema ("Gaean Reach Aesthetic") Actief zodra staat. Hergebruikt de bestaande CSS-variabelen van style.css zodat alle componenten automatisch meekleuren; daarna volgen gerichte aanpassingen voor typografie, vormtaal en een paar hardcoded kleuren die geen variabele gebruiken. ==================================================================== */ html.luxury, body.luxury{ --parchment: #15121d; --parchment-dark: #0f0c17; --parchment-card: #211e29; --ink: #e8dcca; --ink-soft: #b8ac9a; --brass: #d4af37; --brass-dark: #a8841f; --verdigris: #c9a3ff; --rust: #fd5e53; --rule: rgba(212,175,55,0.35); background-image: linear-gradient(rgba(10,8,15,0.6), rgba(10,8,15,0.6)), radial-gradient(ellipse at 15% -10%, rgba(119,1,208,0.35), transparent 55%), radial-gradient(ellipse at 85% 110%, rgba(212,175,55,0.10), transparent 50%), url('/img/luxury/hero.jpg'); background-repeat:no-repeat; background-position:center; background-size:auto,auto,auto,cover; background-attachment:fixed; background-color:var(--parchment); } body.luxury .page{ position:relative; } /* ---------- Decoratieve topbar (sfeer, geen echte navigatie) ---------- */ .luxury-topbar{ display:none; } body.luxury .luxury-topbar{ display:flex; align-items:center; justify-content:space-between; gap:24px; position:fixed; top:0; left:0; right:0; z-index:50; padding:16px 48px; background:rgba(10,8,15,0.8); backdrop-filter:blur(16px); border-bottom:1px solid var(--rule); } body.luxury .page{ padding-top:112px; } .luxury-logo{ font-family:'EB Garamond', serif; font-size:1.8rem; font-weight:700; color:var(--brass); } .luxury-topbar-actions{ display:flex; align-items:center; gap:20px; } .material-symbols-outlined{ font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24; color:var(--brass); font-size:1.4rem; cursor:default; } @media (max-width:900px){ body.luxury .luxury-topbar{ padding:14px 20px; } } /* ---------- Typografie ---------- */ body.luxury{ font-family:'Literata', serif; } body.luxury .masthead h1, body.luxury .entry-title, body.luxury .register h2{ font-family:'EB Garamond', serif; font-style:normal; letter-spacing:-0.01em; } body.luxury .entry-title{ font-style:italic; } body.luxury .masthead .eyebrow, body.luxury .specimen-intake .label, body.luxury .code-row label, body.luxury .peculiarity-row label, body.luxury .peculiarity-scale, body.luxury .register .register-sub, body.luxury .entry-world, body.luxury .register-item-head .num, body.luxury .register-item .world, body.luxury footer.pagefoot, body.luxury .btn{ font-family:'JetBrains Mono', monospace; font-variant:normal; text-transform:uppercase; letter-spacing:0.08em; font-style:normal; } body.luxury .masthead .subtitle{ font-family:'Literata', serif; color:var(--ink-soft); } /* ---------- Vormtaal: scherpe hoeken, geen schaduw-waas ---------- */ body.luxury .specimen-intake, body.luxury .entry-card, body.luxury .register-item, body.luxury .dropzone, body.luxury .btn, body.luxury .code-row input, body.luxury .preview-wrap img, body.luxury .entry-thumb{ border-radius:0 !important; } body.luxury .specimen-intake{ background:rgba(33,30,41,0.85); backdrop-filter:blur(16px); box-shadow:none; border:1px solid var(--rule); } body.luxury .entry-card{ background:linear-gradient(155deg, rgba(59,30,90,0.35), rgba(33,30,41,0.9)); backdrop-filter:blur(12px); box-shadow:inset 0 0 40px rgba(212,175,55,0.04); border:1px solid var(--rule); } body.luxury .rule::after{ color:var(--brass); background:var(--parchment); } /* ---------- Receptor (dropzone) ---------- */ body.luxury .dropzone{ border:2px dashed rgba(212,175,55,0.5); background: repeating-linear-gradient(to bottom, rgba(212,175,55,0.04) 0 1px, transparent 1px 4px), rgba(119,1,208,0.06); } body.luxury .dropzone:hover, body.luxury .dropzone.drag{ border-color:var(--brass); background: repeating-linear-gradient(to bottom, rgba(212,175,55,0.06) 0 1px, transparent 1px 4px), rgba(119,1,208,0.14); } body.luxury .dropzone svg{ stroke:var(--brass); } body.luxury .preview-wrap img{ filter:none; border-color:var(--rule); } body.luxury .code-row input{ background:rgba(212,175,55,0.06); color:var(--ink); border-color:var(--rule); } body.luxury .code-row input::placeholder{ color:var(--ink-soft); opacity:0.6; } /* ---------- Knoppen ---------- */ body.luxury .btn{ background:var(--brass); color:var(--parchment-dark); border:1px solid var(--brass); font-weight:700; } body.luxury .btn:hover:not(:disabled){ background:#e8c968; border-color:#e8c968; } body.luxury .btn.ghost{ background:transparent; color:var(--brass); border:1px solid var(--rust); } body.luxury .btn.ghost:hover:not(:disabled){ background:rgba(253,94,83,0.12); color:var(--rust); } /* ---------- Peculiariteit-slider ---------- */ body.luxury .peculiarity-row input[type=range]{ accent-color:var(--brass); } /* ---------- Entry-stamp: telescherm-badge i.p.v. gestempeld label ---------- */ body.luxury .entry-stamp{ background:transparent; color:var(--brass); border:1px solid var(--brass); font-family:'JetBrains Mono', monospace; font-weight:700; transform:none; box-shadow:none; } body.luxury .entry-stamp::before{ content:'[ '; } body.luxury .entry-stamp::after{ content:' ]'; } /* ---------- Voetnoten & register ---------- */ body.luxury .footnotes{ border-top-color:var(--rule); } body.luxury .footnotes .fn sup{ color:var(--brass); } body.luxury .register-item{ background:rgba(255,255,255,0.02); border-color:var(--rule); } body.luxury .register-item:hover{ background:rgba(212,175,55,0.06); } body.luxury .register-item-head .num{ color:var(--rust); } body.luxury .register-empty{ color:var(--ink-soft); } /* ---------- Thema-toggle blijft leesbaar op donkere achtergrond ---------- */ body.luxury .theme-toggle-option{ color:var(--ink-soft); } body.luxury .theme-toggle .track{ background:rgba(255,255,255,0.08); border-color:var(--rule); } /* ---------- Recensies ---------- */ body.luxury .recensie-card{ background:rgba(33,30,41,0.7); backdrop-filter:blur(8px); border-color:var(--rule); border-radius:0; } body.luxury .recensie-card .recensie-auteur{ font-family:'JetBrains Mono', monospace; text-transform:uppercase; letter-spacing:0.05em; font-variant:normal; } body.luxury .recensie-card .recensie-more{ color:var(--brass); } body.luxury .recensie-form-section h2{ font-family:'EB Garamond', serif; font-style:normal; } body.luxury .recensie-textarea-row label{ font-family:'JetBrains Mono', monospace; font-variant:normal; text-transform:uppercase; letter-spacing:0.08em; } body.luxury .recensie-textarea-row textarea{ background:rgba(212,175,55,0.06); color:var(--ink); border-color:var(--rule); border-radius:0; } body.luxury .recensie-status code{ background:rgba(212,175,55,0.1); color:var(--brass); }