/* ═══════════════════════════════════════════════════════════════════
   GEMSETMATCH — Design Tokens v2.0
   Source: Design Language v2.0 §2 (Color), §3 (Typography), §4 (Spacing)

   Player tokens (light surface, white cards, green accents).
   Operational tokens are defined per-workspace in their own CSS.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* ── Brand ─────────────────────────── */
  --gms-green: #0F6B3D;
  --gms-green-dark: #0A4D2C;
  --gms-green-light: #E8F5EE;

  /* ── Accent ────────────────────────── */
  --gms-gold: #B8860B;
  --gms-gold-light: #FFF8E1;

  /* ── Semantic ──────────────────────── */
  --gms-live: #DC2626;
  --gms-success: #16A34A;
  --gms-warning: #D97706;
  --gms-danger: #DC2626;
  --gms-info: #2563EB;

  /* ── Surfaces ──────────────────────── */
  --gms-surface: #F5F6F8;
  --gms-surface-card: #FFFFFF;

  /* ── Text ──────────────────────────── */
  --gms-text-primary: #1A1D23;
  --gms-text-secondary: #6B7280;
  --gms-text-tertiary: #9CA3AF;
  --gms-text-inverse: #FFFFFF;

  /* ── Spacing Scale ─────────────────── */
  --gms-space-1: 4px;
  --gms-space-2: 8px;
  --gms-space-3: 12px;
  --gms-space-4: 16px;
  --gms-space-5: 24px;
  --gms-space-6: 32px;
  --gms-space-7: 48px;

  /* ── Radii ─────────────────────────── */
  --gms-radius-card: 12px;
  --gms-radius-button: 8px;
  --gms-radius-pill: 999px;

  /* ── Shadows ───────────────────────── */
  --gms-shadow-1: 0 1px 3px rgba(0,0,0,0.08);
  --gms-shadow-2: 0 4px 12px rgba(0,0,0,0.10);
  --gms-shadow-3: 0 8px 24px rgba(0,0,0,0.14);

  /* ── Typography Scale ──────────────── */
  --gms-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --gms-text-xs: 12px;
  --gms-text-sm: 14px;
  --gms-text-md: 16px;
  --gms-text-lg: 20px;
  --gms-text-xl: 28px;
  --gms-text-2xl: 40px;

  /* ── Layout ────────────────────────── */
  --gms-page-width: 680px;
  --gms-page-width-wide: 1200px;
  --gms-shell-header-height: 52px;
  --gms-tab-bar-height: 44px;
}