/**
 * ShowUp FC — Design Tokens
 * Single source of truth for all color and design system values.
 * Import this file before any other styles so CSS vars are available globally.
 *
 * Naming conventions:
 *   --bg-*        — page/app background layers
 *   --surface-*   — elevated surfaces (cards, modals)
 *   --text-*      — text on dark backgrounds
 *   --accent*     — primary brand action color (lime green, pitch-inspired)
 *   --tier-*      — player reliability tier colors
 *   --status-*    — event/state semantic colors
 *   --component-* — component-specific overrides
 */

:root {
  /* ─── Backgrounds ──────────────────────────────────────────── */
  --bg:           #0e0e0e;  /* Page background — near-black */
  --bg-card:      #141414;  /* Card/panel surfaces */
  --bg-input:     #1c1c1c;  /* Input fields, form controls */

  /* ─── Surface / Elevation ───────────────────────────────────── */
  --surface:      #242424;  /* Elevated components (badges, chips) */

  /* ─── Accent (lime green — pitch/grass inspired) ───────────── */
  --accent:       #a3e635;  /* Primary interactive color (buttons, nav active, highlights) */
  --accent-dim:   #6baa1a;  /* Pressed/active state of accent */
  --accent-dim-2: rgba(163, 230, 53, 0.12);  /* Subtle tinted backgrounds */

  /* ─── Text ─────────────────────────────────────────────────── */
  --text:         #f0f0e8;  /* Primary text */
  --text-muted:   #8a8a7e;  /* Secondary text, labels */
  --text-dim:     #4a4a42;  /* Disabled, placeholder text */

  /* ─── Borders ──────────────────────────────────────────────── */
  --border:       rgba(255, 255, 255, 0.06);   /* Default borders */
  --border-2:     rgba(255, 255, 255, 0.03);  /* Subtle dividers */

  /* ─── Status — Semantic ────────────────────────────────────── */
  --danger:       #e85050;  /* Destructive actions, errors, no-shows */
  --success:      #6dd840;  /* Attended checkmark, finalized event text */
  --success-bg:   #2a4a2a;  /* Completed status badge background */
  --cancelled-bg: #4a2a2a;  /* Cancelled status badge background */

  /* ─── Player Reliability Tiers ─────────────────────────────── */
  /* Used in: tier badges, user profile gradients, RSVP list pills */
  --tier-always:   #a3e635;  /* Always tier — lime, matches accent */
  --tier-reliable: #a3e635;  /* Reliable tier — lime, matches accent */
  --tier-regular:  #8a8a7e;  /* Regular tier — muted gray */
  --tier-new:      #4a4a42;  /* New/default tier — dark gray */

  /* ─── Border Radius ────────────────────────────────────────── */
  --radius:     12px;  /* Cards, buttons, inputs */
  --radius-sm:   6px;  /* Small elements (badges, tags) */

  /* ─── Layout ───────────────────────────────────────────────── */
  --nav-height: 64px;  /* Bottom navigation bar height */
}