/* Thème d'aperçu « Nuit » : le design du mini-site 'Hok (bleu nuit et or, STaM sefarade, Rubik) appliqué
   à tout le site. Chargé après site.css, seulement sur l'hôte d'aperçu. */
@font-face { font-family: 'Stam Sefarad'; font-display: swap; src: url(/assets/fonts/stam-sefarad-clm.woff2) format('woff2'); unicode-range: U+0590-05FF, U+FB1D-FB4F; }
@font-face { font-family: 'Rubik'; font-weight: 300 800; font-display: swap; src: url(/assets/fonts/rubik-hebrew.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'Rubik'; font-weight: 300 800; font-display: swap; src: url(/assets/fonts/rubik-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212; }
:root {
  --night: #152038; --night-2: #1c2843; --card-bg: #202d4b; --card-2: #26365c;
  --gold: #d8b25e; --gold-hi: #f3dc9b; --gold-lo: #a67c2e; --line-soft: rgba(201, 162, 78, .22);
  --blue: var(--gold-hi); --blue-dark: var(--gold); --white: #152038; --stone: #1c2843; --cream: #202d4b;
  --ink: #ebe4d3; --muted: #9fa6b8; --line: #36496f; --shadow: 0 8px 24px rgba(0, 0, 0, .25);
  --serif: 'Rubik', 'Arial Hebrew', 'Segoe UI', sans-serif; --hebrew: 'Rubik', 'Arial Hebrew', sans-serif;
  --stam: 'Stam Sefarad', 'Rubik', serif;
  color-scheme: dark;
}
html { background: var(--night); }
body { background: radial-gradient(ellipse 90% 50% at 50% 0%, #26365c 0%, transparent 65%) no-repeat, var(--night); color: var(--ink); }
a { color: var(--gold-hi); }
h1, h2 { color: var(--gold); }
h1:lang(he), [dir="rtl"] h1, [dir="rtl"] h2, .hok-card strong { font-family: var(--stam); font-weight: 400; }
[dir="rtl"] h1 { font-size: 2.5rem; } [dir="rtl"] h2 { font-size: 2rem; }
.page > h2, .page > h1, .narrow > h1 { position: relative; padding-block-end: 12px; }
.page > h2::after, .page > h1::after, .narrow > h1::after { content: ""; position: absolute; inset-inline-start: 0; bottom: 0; width: 140px; height: 9px;
  background: radial-gradient(circle, var(--gold-hi) 0 2.5px, transparent 3px) center / 9px 9px no-repeat,
    linear-gradient(90deg, var(--gold) 0 40%, transparent 40% 60%, var(--gold) 60%) center / 100% 1px no-repeat; }

/* Bandes, en-tête, logo doré */
.band { height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); border: 0 !important; }
.site-header { background: transparent; }
.brand img { filter: invert(78%) sepia(38%) saturate(620%) hue-rotate(358deg) brightness(95%); }
.site-nav a { color: var(--ink); }
.site-nav a[aria-current="page"], .site-nav a:hover { border-color: var(--gold); color: var(--gold-hi); }
.burger, .burger::before, .burger::after { background: var(--gold) !important; }

/* Sections : la « pierre » devient un bleu nuit légèrement texturé */
.stone { background-color: var(--night-2); background-image: radial-gradient(rgba(216, 178, 94, .05) 1px, transparent 1.5px); background-size: 9px 9px; }
.hero { background: transparent; }
.hero-inner { padding-block: 34px; }
.player { border-radius: 10px; border: 1px solid var(--gold-lo);
  box-shadow: 0 0 0 5px rgba(21, 32, 56, .9), 0 0 0 6px var(--line-soft), 0 24px 60px rgba(0, 0, 0, .5); }
.hero .hero-title { color: var(--gold-hi); }
.hero .hero-title:lang(he), [dir="rtl"] .hero .hero-title { font-family: var(--stam); font-weight: 400; font-size: 2.3rem; }
.hero .rav { color: var(--gold); }

/* Cartes */
.card { background: linear-gradient(160deg, var(--card-2), var(--card-bg) 60%); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow);
  transition: transform .2s, border-color .2s; }
.card:hover { transform: translateY(-2px); border-color: var(--line-soft); }
.card .excerpt { color: #c9c3b3; }
.thumb { background: #22304f; }
.dedication, .seek, .notice { background: var(--card-bg); border-inline-start-color: var(--gold); }
.notice-error { background: #3a1820; }
.tags a, .tag { background: var(--card-2); color: var(--gold-hi); }
.excerpts strong { background: rgba(216, 178, 94, .3); color: var(--ink); }

/* Boutons, filtres, formulaires */
.btn { color: var(--night); background: linear-gradient(180deg, var(--gold-hi), var(--gold)); box-shadow: 0 6px 20px rgba(216, 178, 94, .2); }
.btn:hover { background: linear-gradient(180deg, #f7e6b5, var(--gold-hi)); }
.btn-ghost { background: transparent; color: var(--gold-hi); border: 1px solid var(--gold); box-shadow: none; }
.chips a { background: rgba(19, 29, 51, .55); border-color: var(--line); color: var(--ink); }
.chips a[aria-current="true"] { background: linear-gradient(180deg, var(--gold-hi), var(--gold)); border-color: var(--gold); color: var(--night); }
.form input[type=text], .form input[type=email], .form input[type=search], .form select, .form textarea { background: var(--card-bg); color: var(--ink); border-color: var(--line); }
.text-parts a, .text-lang { background: transparent; border-color: var(--line); }
.text-parts a:hover { background: var(--gold); color: var(--night); }
.hok-card strong { color: var(--gold); font-size: 2rem; }

/* Pied de page et barre de soutien */
.site-footer { border-block-start-color: var(--line); color: var(--muted); }
.support-bar { background: rgba(21, 32, 56, .94); border-block-start: 1px solid var(--line-soft); backdrop-filter: blur(8px); }
.support-bar a { color: var(--gold-hi); }