/* Gutsy shared tokens — used by the public site and the app */
:root{
  --blue:#1B7FD1;      /* Gutsy logo blue */
  --blue-deep:#0F4C9A;
  --navy:#0A1633;
  --ink:#0E1730;
  --ink-2:#44506B;
  --ink-3:#6B7591;
  --paper:#FFFFFF;
  --paper-2:#F4F7FD;
  --line:#E2E8F4;
  --green:#22C55E;     /* club kit green */
  --lime:#B9F227;
  --orange:#FF6B1A;
  --pink:#FF2E88;
  --yellow:#FFC928;
  --purple:#7B4DFF;
  --red:#E5333F;
  --ok:#16A34A; --warn:#D97706; --bad:#DC2626;
  --radius:18px;
  --shadow:0 10px 30px -12px rgba(14,23,48,.28);
  --display:"Anton","Impact",sans-serif;
  --body:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --rainbow:linear-gradient(90deg,var(--pink),var(--orange),var(--yellow),var(--lime),var(--green),var(--blue),var(--purple));
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.55;font-size:16px}
img,video{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{line-height:1.08;margin:0 0 .4em}
.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;font-weight:400}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:0;border-radius:999px;padding:.85em 1.5em;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;line-height:1.1;font-size:1rem}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-pink{background:var(--pink);color:#fff;box-shadow:0 8px 20px -8px var(--pink)}
.btn-lime{background:var(--lime);color:var(--navy);box-shadow:0 8px 20px -8px #7fb000}
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)}
.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:2px solid rgba(255,255,255,.6)}
.btn-line{background:#fff;color:var(--ink);border:2px solid var(--line)}
.btn-sm{padding:.55em 1em;font-size:.9rem}
.chip{display:inline-flex;align-items:center;gap:.4em;padding:.3em .8em;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--paper-2);color:var(--ink-2)}
.rainbow-bar{height:6px;background:var(--rainbow)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}