/* Pray the Land, the Walking into the Pages look (Tai, 16.10.2026: identical). Sister sites linked both ways.
   Tokens copied from walkingintothepagesofthebible.com (light mode). Every page links this file last. */
:root{
  /* reference tokens */
  --canvas:#f5f5f7; --card:#fff; --ink:#1d1d1f; --secondary:#6e6e73; --line:#d2d2d7; --hairline:.5px solid #0000001f;
  --accent:#0071e3; --accent-hover:#0077ed; --accent-text:#0066cc;
  --shadow:0 1px 2px #0000000a,0 8px 24px #0000000a;
  --spring:cubic-bezier(.22,1,.36,1);
  --glass:#faf8f5c7; --glass-filter:blur(20px) saturate(180%);
  --measure:65ch;
  /* surfaces */
  --bg:var(--canvas); --bg-2:var(--card);
  --ink-2:var(--secondary); --ink-3:var(--secondary);
  --accent-on-dark:var(--accent);
  /* zones that were dark are now light, so these keep their names and carry light values */
  --dark:var(--canvas); --dark-2:var(--canvas); --dark-3:var(--line); --on-dark:var(--ink); --muted-dark:var(--secondary);
  /* type */
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Heebo,"Segoe UI",sans-serif;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Heebo,sans-serif;
  --font-serif:"New York",Georgia,serif;
  --font-he:"Frank Ruhl Libre",serif;
  /* shape */
  --radius:18px; --pill:980px;
  --section-pad:clamp(56px,9vw,104px);
  --on-gold:#FFFFFF;
}
/* old variable names the pages still use, now pointing at the tokens (zero specificity so a page can refine them) */
:where(:root){
  --gold:var(--accent); --gold-soft:var(--accent-hover); --gold-deep:var(--accent-text); --gold-dim:var(--accent-text);
  --tekhelet:var(--accent-text); --tekhelet-on-dark:var(--accent-text); --tekhelet-d:var(--accent-text);
  --basalt:var(--canvas); --basalt-2:var(--canvas); --basalt-3:var(--line);
  --parchment:var(--canvas); --parchment-dim:var(--secondary); --warm-white:var(--ink); --muted:var(--secondary);
  --olive:var(--card);
  --display:var(--font-display); --body:var(--font); --serif:var(--font-serif); --sans:var(--font);
  --hebrew:var(--font-he);
}
/* light everywhere: text-sized blue is the reference link blue, fills are the accent */
.zone-light,section.invite,section.farm,section.support,body>nav,.navpanel,.head,.foot,footer,.hero,.close,.filmband,.heartday,.player,.shorts,.toast,.tri,.tier,.read,.watch,.join,.video-card{
  --gold:var(--accent);--gold-soft:var(--accent-hover);--gold-deep:var(--accent-text);--on-gold:#FFFFFF}

/* ---------- type ---------- */
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-size:19px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--font);font-weight:600}
h1,h2{letter-spacing:-.02em;line-height:1.1}
h3{letter-spacing:-.01em}
p,li,dd,figcaption,blockquote{font-size:max(17px,1em)}
section{padding-block:var(--section-pad)}
/* Frank Ruhl Libre only for Hebrew runs and scripture blockquotes */
[lang="he"],[dir="rtl"],.heb,.hebv,.vheb,.fheb,.he,.heb-quote,.quote .he,.scripture,blockquote.scripture,blockquote.scripture *{font-family:var(--font-he)}

/* ---------- links, focus, tap targets ---------- */
a{text-underline-offset:3px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
a.btn,.btn,.btn-gold,.btn-primary,.btn-ghost,.btn-link,.navjoin,.navtoggle,button,input[type=submit],input[type=button]{min-height:44px}

/* ---------- buttons: pill, solid accent, outline for secondary ---------- */
.btn-gold,.btn.solid,a.btn.solid,.cta a.btn.solid,.btn-primary,.navjoin,nav .navjoin,.navactions .navjoin,nav .links .navjoin,form button[type=submit],form .btn-gold{
  background:var(--gold);color:var(--on-gold)!important;border:1px solid var(--gold);border-radius:var(--pill);
  font-family:var(--font);font-weight:600;letter-spacing:0;text-transform:none;
  display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;text-decoration:none;box-shadow:none}
.btn-gold:hover,.btn.solid:hover,.btn-primary:hover,.navjoin:hover,nav .navjoin:hover,.navactions .navjoin:hover,form button[type=submit]:hover{
  background:var(--gold-soft);border-color:var(--gold-soft);color:var(--on-gold)!important}
.btn-ghost,.btn-link,a.btn.ghost,.btn:not(.solid):not(.btn-gold):not(.btn-primary){
  background:transparent;color:var(--gold)!important;border:1px solid var(--gold);border-radius:var(--pill);
  font-family:var(--font);font-weight:600;letter-spacing:0;text-transform:none;
  display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;text-decoration:none}
.btn-ghost:hover,.btn-link:hover{background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold)}
.navtoggle{border-radius:var(--pill);font-family:var(--font);letter-spacing:0;text-transform:none}

/* ---------- prayer panels: grey card, 4px blue rule on the leading edge ---------- */
.pray,.rest,.promise,.heal{
  background:var(--bg-2);color:var(--ink);border:0;border-inline-start:4px solid var(--accent);
  border-radius:var(--radius);box-shadow:var(--shadow)}
:is(.pray,.rest,.promise,.heal):is(.pray,.rest,.promise,.heal):is(.pray,.rest,.promise,.heal) *{color:var(--ink)}
:is(.pray,.rest,.promise,.heal):is(.pray,.rest,.promise,.heal):is(.pray,.rest,.promise,.heal) :is(.k,.kicker,.eyebrow,.ref,.vref,.heb,.kw,.amt,a,[lang="he"]){color:var(--accent)}

/* ---------- cards ---------- */
.card,.tri,.video-card,.station,.dayrow,.letter-card{border-radius:var(--radius)}
input,select,textarea{font-family:var(--font);font-size:17px;border-radius:12px;min-height:44px}