/* ReLeaf: Thin Season. Studio palette (ArtDirection v2), Cormorant Garamond for reading, crisp pixels. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Press+Start+2P&display=swap');
:root {
  --void:#0b0a14; --night:#181430; --dusk:#2a2248; --plum:#43356b; --violet:#6a55a0; --lilac:#9c8ad0; --mist:#d4d8f0;
  --teal:#52e3c2; --candle:#ffd76a; --amber:#f6a63b; --cream:#fff6d6;
  --color--black:#0b0a14; --color--white:#fff6d6;
  --color--primary-50:#ffd76a; --color--primary-40:#ffd76a; --color--primary-30:#f6a63b;
  --color-text-neutral-loud:#fff6d6; --color-text-neutral-medium:#d4d8f0; --color-text-neutral-soft:#9c8ad0;
  --color-text-primary-medium:#ffd76a; --color-text-primary-loud:#ffd76a;
  --font-sans:'Cormorant Garamond', Georgia, serif; --font-serif:'Cormorant Garamond', Georgia, serif;
}
html, body, .page-wrapper, .main-content, .site-header__fixable, .site-header__initial, .site-footer, .region--content, .layout-container { background:var(--void) !important; color:var(--mist); }
body { font-family:'Cormorant Garamond', Georgia, serif; font-size:21px; line-height:1.62; -webkit-font-smoothing:antialiased; }
a { color:var(--candle); text-decoration-color:rgba(255,215,106,.35); text-underline-offset:3px; }
a:hover { color:var(--teal); text-decoration-color:var(--teal); }
h1, h2, h3, h4, .title, .page-title, .node__title { font-family:'Cormorant Garamond', Georgia, serif !important; color:var(--cream) !important; font-weight:700; letter-spacing:.005em; }
h1.page-title, .page-title { font-size:clamp(38px,5.6vw,64px); line-height:1.08; }

/* Header: quiet, dark, the wordmark in Garamond, nav in small pixel caps. */
.site-header, .site-header__inner, .header-nav, .site-branding, .site-header__inner__container { background:var(--void) !important; box-shadow:none !important; }
.site-branding { background:transparent !important; }
.site-branding__name a, .site-branding__text, .site-branding__name { color:var(--cream) !important; font-family:'Cormorant Garamond', serif !important; font-weight:700; font-size:28px; }
.site-branding__logo img { filter:saturate(.8); }
.primary-nav__menu-link, .secondary-nav__menu-link, .primary-nav__menu-link-inner { font-family:'Press Start 2P', monospace !important; font-size:10px !important; letter-spacing:.04em; color:var(--lilac) !important; }
.primary-nav__menu-link:hover, .primary-nav__menu-link-inner:hover { color:var(--candle) !important; }
.primary-nav__menu-link-inner::after { background-color:var(--candle) !important; }
.mobile-nav-button__icon, .mobile-nav-button__icon::before, .mobile-nav-button__icon::after { background-color:var(--candle) !important; }
.header-nav { background:var(--night) !important; }
.breadcrumb, .region--breadcrumb { display:none; }

/* Reading column. */
.node--type-solarpunk-fiction .node__content, .node--type-article .node__content, .text-content, .field--name-body { max-width:680px; margin-left:auto; margin-right:auto; }
.text-content, .field--name-body { color:var(--mist); font-size:21px; line-height:1.66; }
.text-content p, .field--name-body p { margin:0 0 1.05em; }
.text-content em, .field--name-body em { color:var(--cream); }
.node__meta, .node__author, .field--name-uid, .field--name-created { font-family:'Press Start 2P', monospace; font-size:9px; color:var(--lilac); }

/* Story images: our pixel art shows crisp; everything sits on night with a soft lantern edge. */
img[src*="/img/thin/"], img[src*="/styles/"][src*="thin-"], .thin-pixel { image-rendering:pixelated; image-rendering:crisp-edges; }
.field--name-field-image img, .node__content .field--type-image img { border-radius:6px; box-shadow:0 22px 50px rgba(0,0,0,.6), 0 0 0 1px rgba(255,215,106,.08); max-width:100%; height:auto; }
.field--name-field-image { max-width:680px; margin:8px auto 34px; }

/* The thread footer: a string of lanterns. */
hr.thread { border:0; height:14px; margin:48px auto 10px; max-width:680px;
  background:radial-gradient(circle at 7px 7px, var(--candle) 2px, rgba(255,215,106,.25) 3px, transparent 4px) 0 0 / 28px 14px repeat-x; }
hr.thread + p { max-width:680px; margin:0 auto; font-size:17px; color:var(--lilac); text-align:center; }
hr.thread + p strong { color:var(--cream); font-weight:600; }

/* Views blocks under stories (W.A.S.T.E. words etc.): cards on night. */
.views-element-container .views-row, .block-views .views-row { background:var(--night); border:1px solid var(--dusk); border-radius:10px; padding:14px 18px; margin:10px 0; }
.block-views h2, .block__title { font-family:'Press Start 2P', monospace !important; font-size:11px !important; color:var(--candle) !important; letter-spacing:.04em; }
.views-field-name a { font-size:22px; font-weight:700; }
.views-field-description__value { color:var(--mist); font-style:italic; }

/* Footer. */
.site-footer, .site-footer__inner { background:var(--void) !important; color:var(--lilac) !important; border-top:1px solid var(--dusk); }
.site-footer a { color:var(--lilac) !important; }

/* Forms, buttons, tables stay legible on night. */
.button, button, input[type=submit] { background:var(--candle) !important; color:var(--void) !important; border:0 !important; border-radius:999px !important; font-family:'Press Start 2P', monospace !important; font-size:10px !important; }
input, textarea, select { background:var(--night) !important; color:var(--cream) !important; border:1px solid var(--plum) !important; }
table { color:var(--mist); } th { color:var(--cream); } td, th { border-color:var(--dusk) !important; }
::selection { background:var(--candle); color:var(--void); }
@media (max-width:700px) { body, .text-content, .field--name-body { font-size:19px; } }