/* ============================================================
   Anytime Golf League — Public design system: tokens + reset
   Adapted from design_mockups/public_redesign/concept_b_final/
   concept_b_final.css (approved "Concept B Final" mockups).
   Scoped to public/player-facing pages only — never linked from
   admin templates, never overrides admin-v2.css / admin_*.css.
   ============================================================ */

:root {
  /* Surfaces — carbon, cool */
  --carbon-0: #07090c;
  --carbon-1: #0d1015;
  --carbon-2: #141821;
  --carbon-3: #1c2230;
  --line-1: rgba(255,255,255,.07);
  --line-2: rgba(255,255,255,.15);

  /* Content (grey-1/2 lifted for AA contrast on carbon) */
  --white: #f5f7fa;
  --grey-1: #aeb6c2;
  --grey-2: #7c8492;

  /* Signal accents */
  --signal: #b8f24b;            /* electric green — the brand   */
  --signal-ink: #15230a;
  --signal-dim: rgba(184,242,75,.13);
  --live: #ff4d5e;              /* broadcast LIVE red           */
  --live-dim: rgba(255,77,94,.13);
  --trophy: #ffcf5c;            /* podium gold — money only     */
  --trophy-dim: rgba(255,207,92,.13);
  --info: #5cb8ff;
  --info-dim: rgba(92,184,255,.13);

  /* Type */
  --font-cond: "Barlow Condensed", "Arial Narrow", sans-serif;  /* display + numerals */
  --font-ui: "Archivo", "Segoe UI", sans-serif;                 /* everything else    */

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px;

  --r-sm: 4px; --r-md: 8px; --r-lg: 12px;
  --cut: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
  --tapmin: 44px;
  --speed: 150ms;
}

.pub-scope, .pub-scope * { box-sizing: border-box; }
.pub-scope { margin: 0; padding: 0; }
body.pub-scope {
  background:
    radial-gradient(1200px 500px at 50% -20%, rgba(184,242,75,.05), transparent 60%),
    var(--carbon-0);
  color: var(--white);
  font-family: var(--font-ui);
  font-size: 15px; line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 88px;
  overflow-x: hidden;
}
.pub-scope a { color: inherit; text-decoration: none; }
.pub-scope button { font-family: inherit; cursor: pointer; }

.pub-scope :focus-visible { outline: 2px solid var(--signal); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .pub-scope *, .pub-scope *::before, .pub-scope *::after {
    animation: none !important; transition: none !important;
  }
}

@media (min-width: 1100px) { body.pub-scope { padding-bottom: var(--s-12); } }