/* Design tokens and page shell. Identical across both pages -- taken verbatim
   from design-reference/signup-mockup.html and admin-mockup.html. */

:root{
  --pitch-900:#0B2E1F;
  --pitch-800:#123826;
  --pitch-700:#1B4A31;
  --chalk:#F4F7F2;
  --chalk-dim: rgba(244,247,242,0.58);
  --chalk-faint: rgba(244,247,242,0.16);
  --amber-500:#F2A93B;
  --amber-600:#DD9425;
  --amber-ink:#3A2405;
  --danger:#E0796A;
  --radius-sm:6px;
  --radius-md:12px;
  --font-display:'Anton', sans-serif;
  --font-body:'Work Sans', sans-serif;
}

*{ box-sizing:border-box; }

body{
  margin:0;
  min-height:100vh;
  font-family:var(--font-body);
  color:var(--chalk);
  background:
    radial-gradient(ellipse 900px 500px at 50% -8%, var(--pitch-700), transparent 60%),
    var(--pitch-900);
  position:relative;
  overflow-x:hidden;
}

.pitch-texture{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.pitch-corner{
  position:absolute;
  width:270px;
  height:270px;
}
.pitch-corner.top-left{ top:0; left:0; }
.pitch-corner.bottom-right{ bottom:0; right:0; transform:rotate(180deg); }
.pitch-corner svg{ display:block; width:100%; height:100%; }