/* theme.css: the landing page's look, on every other page.
 *
 * Loaded last in <head>, after each page's own <style>, so the same names every page already
 * uses (--bg, --card, --void, --ink, --signal, --sand...) take the landing values without
 * touching the pages' layouts. One night background, one amber, one typeface.
 */
@font-face{font-family:Noto;src:url(/fonts/noto-sans-hebrew-hebrew-300-normal.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:Noto;src:url(/fonts/noto-sans-hebrew-hebrew-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Noto;src:url(/fonts/noto-sans-hebrew-hebrew-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Noto;src:url(/fonts/noto-sans-hebrew-hebrew-600-normal.woff2) format("woff2");font-weight:600 900;font-display:swap}
@font-face{font-family:Noto;src:url(/fonts/noto-sans-hebrew-latin-300-normal.woff2) format("woff2");font-weight:300;unicode-range:U+0000-00FF,U+20AA;font-display:swap}
@font-face{font-family:Noto;src:url(/fonts/noto-sans-hebrew-latin-400-normal.woff2) format("woff2");font-weight:400;unicode-range:U+0000-00FF,U+20AA;font-display:swap}
@font-face{font-family:Noto;src:url(/fonts/noto-sans-hebrew-latin-500-normal.woff2) format("woff2");font-weight:500;unicode-range:U+0000-00FF,U+20AA;font-display:swap}
@font-face{font-family:Noto;src:url(/fonts/noto-sans-hebrew-latin-600-normal.woff2) format("woff2");font-weight:600 900;unicode-range:U+0000-00FF,U+20AA;font-display:swap}

:root,:root[data-skin]{
  color-scheme:dark;
  /* the landing palette */
  --t-night:#04070A; --t-deep:#0A1218; --t-ink:#EEF2F4; --t-soft:#A9B6BF; --t-mute:#6F818C;
  --t-amber:#F2B451; --t-amberInk:#1A1205; --t-glass:rgba(15,34,46,.55); --t-glass2:rgba(10,18,24,.7);
  --t-hair:rgba(233,238,241,.09); --t-hair2:rgba(233,238,241,.16);
  --t-ok:#3FCB8B; --t-bad:#F08A7A;
  --t-sans:Noto,"Segoe UI",system-ui,sans-serif;

  /* brand.css names (account, setup, admin) */
  --bg:var(--t-night); --card:var(--t-glass); --line:var(--t-hair); --txt:var(--t-ink); --dim:var(--t-soft);
  --acc:var(--t-amber); --acc-on:var(--t-amberInk); --acc2:var(--t-soft);
  /* --soft is text grey on the landing and on pages built like it, so it takes that meaning here too */
  --soft:var(--t-soft);
  --ok:var(--t-ok); --bad:var(--t-bad); --red:var(--t-bad); --radius:20px;

  /* the dark screens' names (calls, wa, coach, login) */
  --void:var(--t-night); --ink:var(--t-ink); --ink2:var(--t-soft); --mute:var(--t-mute); --muted:var(--t-soft);
  --body:var(--t-soft); --card2:var(--t-glass2); --line2:var(--t-hair2); --signal:var(--t-amber);

  /* the legal pages' names (privacy, terms, accessibility) */
  --sand:var(--t-glass); --amber:var(--t-amber);

  /* the old phone page */
  --panel:var(--t-glass); --accent:var(--t-amber);
}

html{background:var(--t-night)}
body{
  font-family:var(--t-sans)!important;color:var(--t-ink);
  background:
    radial-gradient(40% 35% at 78% 8%,rgba(242,180,81,.08),transparent 70%),
    radial-gradient(45% 40% at 20% 60%,rgba(120,180,225,.08),transparent 70%),
    var(--t-night)!important;
  background-attachment:fixed!important;
  -webkit-font-smoothing:antialiased;
}
body *:not(svg):not(svg *){font-family:inherit}
h1,h2,h3{font-weight:500;letter-spacing:-.01em}
h1{font-weight:400}
a{color:var(--t-amber)}
::selection{background:rgba(242,180,81,.3)}

/* surfaces: glass on night, a hairline, rounder corners */
.card,.p,.box,.panel,.sec,.item,.call,.row-card,details{border-color:var(--t-hair)!important}
.card,.p{border-radius:22px!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.card{background:var(--t-glass)!important}
.p{background:var(--t-glass2)!important}
.p.on{border-color:var(--t-amber)!important;box-shadow:0 0 0 1px rgba(242,180,81,.35),0 20px 50px -30px rgba(242,180,81,.35)}

/* buttons: the landing's pill */
button.primary,.btn.primary,a.primary,.cta,.go{
  background:var(--t-amber)!important;color:var(--t-amberInk)!important;border-color:transparent!important;
  border-radius:999px!important;font-weight:500!important;
}
button.primary:hover,.cta:hover{filter:brightness(1.06)}
input,select,textarea{color:var(--t-ink);background-color:rgba(255,255,255,.03);border-color:var(--t-hair)}
input::placeholder,textarea::placeholder{color:var(--t-mute)}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(242,180,81,.55)!important;box-shadow:0 0 0 3px rgba(242,180,81,.12)}

/* the white legal pages */
.doc,.page,main,article{background:transparent!important}
p,li{color:var(--t-soft)}
p b,p strong,li b,li strong{color:var(--t-ink)}
a:not([class]){color:var(--t-amber)}
/* the account page's notice used --soft as a pale amber background */
.note{background:rgba(242,180,81,.10)!important}