/* AURA brand layer — HHT-BR-003 v3 (Stephanie's palette + Aura Violet / Halo Blue).
   Loaded after each page's own styles: it re-points the shared tokens and
   adds the logo, glow and button treatments. Remove this file to roll back. */
:root{
  --midnight:#0B1020; --navy:#1B2F5C; --amethyst:#7356A8; --violet:#A98BF0;
  --halo:#5CC6F2; --cream:#F5F3EE; --ink:#ECEAF6; --gold:#B8922A;

  --void:var(--midnight); --rack:#121834; --rack2:#1A2147; --edge:#2B3462;
  --type:var(--ink); --mute:#A3A8C9;
  --tally:#FF6B86;            /* errors and destructive actions only */
  --standby:var(--violet);    /* selected, standby, warnings */
  --clear:var(--halo);        /* links, live, done */
  --sans:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --grad:linear-gradient(135deg,var(--amethyst) 0%,#6A6FD8 55%,#4FA9E6 100%);
  --glow:0 0 0 1px rgba(169,139,240,.35),0 8px 28px -8px rgba(115,86,168,.65);
}
body{
  background:
    radial-gradient(1100px 620px at 12% -12%,rgba(115,86,168,.30),transparent 62%),
    radial-gradient(900px 520px at 92% -6%,rgba(92,198,242,.14),transparent 60%),
    var(--midnight);
  background-attachment:fixed;
}
:focus-visible{outline-color:var(--halo)}

/* ---------- logo ---------- */
.brandlogo{display:block;height:auto;flex:none}
header .brandlogo,header.bar .brandlogo{width:150px}
.gatehead .brandlogo{width:170px;margin:4px auto 0}
.brandfallback{font-weight:600;letter-spacing:.16em;font-size:28px;
  background:linear-gradient(180deg,var(--violet),var(--halo) 55%,#fff);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.gatehead{flex-direction:column;align-items:center;gap:8px;text-align:center;padding:22px 18px 18px}
.gatehead .tagline{margin:0;text-align:center;font-size:15px;color:var(--mute)}
@media(max-width:460px){.gatehead .tagline{display:block}}
header.bar{align-items:center}
.tagline{letter-spacing:.02em}

/* ---------- surfaces ---------- */
.panel,.clock,.week,.card,nav.jump,.box{border-radius:14px;overflow:hidden}
.panel,.clock,.card{background:linear-gradient(180deg,rgba(26,33,71,.72),rgba(18,24,52,.82));
  border-color:var(--edge);backdrop-filter:blur(6px)}
.card{box-shadow:0 24px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(169,139,240,.18)}
.day[aria-current="true"]{box-shadow:inset 0 -3px 0 var(--violet);background:var(--rack2)}
.row.on .tc{border-left-color:var(--halo)}

/* ---------- buttons ---------- */
.go{background:var(--grad);color:#fff;border-radius:999px;box-shadow:var(--glow);
  transition:transform .12s ease,box-shadow .12s ease}
.go:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 0 1px rgba(92,198,242,.45),0 12px 32px -8px rgba(92,198,242,.45)}
.go:disabled,.go.wide:disabled{background:var(--rack2);box-shadow:none}
.ghost{border-radius:999px;border-color:var(--edge)}
.ghost:hover{border-color:var(--violet);color:var(--ink)}
.chip,.vchip,.pick,.seg button{border-radius:999px}
input,select{border-radius:10px}

/* ---------- on air ---------- */
.state{border-color:var(--halo);color:var(--halo);border-radius:999px;
  box-shadow:0 0 18px -4px rgba(92,198,242,.6)}
.state.stby{border-color:var(--violet);color:var(--violet);box-shadow:0 0 18px -4px rgba(169,139,240,.6)}
#runner{background:radial-gradient(900px 500px at 50% 0%,rgba(115,86,168,.28),transparent 65%),var(--midnight)}

/* ---------- help + legal pages ---------- */
.lede{font-weight:500}
h2{letter-spacing:.01em}
a{border-bottom-color:rgba(92,198,242,.3)}