/* GrandStand brand tokens. Mirrors web/packages/shared/src/theme.css.
   Change the look there; this file is the hand-off copy for anyone
   building something GrandStand-branded outside the app. */
:root {
  /* GrandStand's own green. Icon, opening screen, loading orb, sign-up. */
  --gs-green: #1fa45b;
  --gs-green-light: #3fcb7c;
  --gs-green-deep: #0c5e33;

  /* Night game neutrals */
  --gs-black: #000000;
  --gs-night: #0b0b0d;
  --gs-ink: #f5f5f7;
  --gs-ink-2: rgb(245 245 247 / 0.64);
  --gs-ink-3: rgb(245 245 247 / 0.40);
  --gs-line: rgb(255 255 255 / 0.13);
  --gs-surface: rgb(255 255 255 / 0.07);
  --gs-surface-2: rgb(255 255 255 / 0.12);

  /* In-app signals */
  --gs-gold: #ffc53d;      /* highlight, viewfinder, Called it ring */
  --gs-go: #34c759;        /* success, check-in confirmed */
  --gs-like: #ff4d6a;      /* likes on Gameday Memories */
  --gs-frost: #bffaff;     /* frosted accents */
  --gs-danger: #ff453a;
  --gs-blue: #5b9dff;      /* one of the five Called it card colors */

  /* The school takes over inside the app after sign-in. Set at runtime. */
  --school: var(--gs-green);
  --school-2: var(--gs-green-light);

  /* Type */
  --gs-font: -apple-system, "SF Pro Text", "SF Pro Display", Geist, system-ui, sans-serif;
  --gs-font-mono: "SF Mono", ui-monospace, "Geist Mono", monospace;

  /* Shape */
  --gs-radius-card: 24px;
  --gs-radius-field: 14px;
}

/* Frosted liquid glass surface */
.gs-glass {
  background: linear-gradient(180deg, rgb(255 255 255 / 0.09), rgb(255 255 255 / 0.05));
  border: 1px solid rgb(255 255 255 / 0.13);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.10);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  border-radius: var(--gs-radius-card);
}

/* Big light numerals for points, scores and stats */
.gs-numeral {
  font-weight: 200;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}