/* Aurorix brand layer — the ONLY file a v0 skin should need to restyle the
   surface identity. Overrides accent tokens + adds the aurora hero treatment.
   Keep it thin: theme.css owns structure, brand.css owns personality. */
:root {
  --accent: #59e6a6;    /* aurora green */
  --accent-2: #8a7bff;  /* aurora violet */
  --accent-ink: #04140d;
}

/* subtle aurora ribbon behind the hero/status banner */
.aurora-fx {
  position: relative;
  overflow: hidden;
}
.aurora-fx::before {
  content: "";
  position: absolute; inset: -40% -10% auto -10%; height: 140%;
  background:
    radial-gradient(60% 50% at 20% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%),
    radial-gradient(50% 50% at 80% 10%, color-mix(in srgb, var(--accent-2) 20%, transparent), transparent 70%);
  filter: blur(30px);
  opacity: .8;
  pointer-events: none;
  z-index: 0;
}
.aurora-fx > * { position: relative; z-index: 1; }

.brand .dot { background: var(--accent); box-shadow: 0 0 12px var(--accent); }

/* storm mode: the whole shell tightens + warms when a G3+ watch is live
   (body[data-storm-mode] is set editorially — see ops-runbook). */
body[data-storm-mode] .site-header { border-bottom-color: var(--watch); }
body[data-storm-mode] .storm-hero { display: block; }
.storm-hero { display: none; background: color-mix(in srgb, var(--watch) 16%, var(--bg-elev)); border: 1px solid var(--watch); border-radius: var(--radius); padding: 14px 18px; margin: 14px 0; font-weight: 600; }