/* ==========================================================================
   GM SPORTS DESIGN TOKENS (Fase 1a)
   Fonte da verdade: docs/ui-ux-review-2026-11.md
   ========================================================================== */

:root {
  /* --- Superficies -------------------------------------------------------- */
  --surface-bg: #071922;
  --surface-panel: #0b232c;
  --surface-card: #102b35;
  --surface-card-raised: #15343e;
  --surface-border: rgba(130, 178, 154, 0.22);
  --surface-border-soft: rgba(130, 178, 154, 0.28);
  --surface-border-strong: #31565c;
  --surface-border-solid: #46695d;
  --surface-overlay: rgba(7, 25, 34, 0.85);

  /* --- Editor de Escudo ---------------------------------------------------- */
  --crest-paper: #efe6cf;
  --crest-ink: #2a2112;

  /* --- Faixa de Metricas do Painel ------------------------------------------ */
  --dash-metric-bg-start: #193a32;
  --dash-metric-bg-end: #102c2a;
  --dash-metric-heading: #d0e1d1;
  --dash-metric-number: #f6faef;
  --dash-metric-unit: #b6cbc1;
  --dash-metric-detail-label: #b1c8bd;
  --dash-metric-detail-val: #f0f6e9;
  --dash-metric-alert-border: #a88c58;
  --dash-metric-alert-text: #ffe3a6;
  --dash-metric-alert-bg: #3a3325;
  --dash-metric-alert-hover-border: #f6cd78;
  --dash-metric-alert-hover-text: #fff3d0;
  --dash-metric-alert-hover-bg: #51432c;
  --dash-metric-cta-text: #ecfbe7;
  --dash-metric-cta-bg: #245044;

  /* --- Cores Semanticas & Status ------------------------------------------- */
  --color-accent: #b8f34b;        /* Volt Lime: acao e CTA principal */
  --color-accent-light: #d6ff89;
  --color-accent-ink: #102a28;    /* Texto sobre accent */
  --color-pos: #77e2af;           /* Sucesso, lucro, zona de acesso */
  --color-warn: #ffca70;          /* Alerta, pendente, zona de playoff */
  --color-neg: #ff8e9b;           /* Perigo, prejuizo, lesao, rebaixamento */
  --color-neg-text: #ff9aa6;

  /* --- Cores de Posicao ---------------------------------------------------- */
  --pos-gk: #dabb77;              /* Goleiro */
  --pos-def: #58a6ff;             /* Defesa */
  --pos-mid: #7ee787;             /* Meio-campo */
  --pos-att: #f778ba;             /* Ataque */

  /* --- Tipografia --------------------------------------------------------- */
  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, Consolas, "Liberation Mono", Menlo, monospace;
  --font-num: tabular-nums;

  --text-xs: 0.75rem;             /* 12px: badges, tags, notas */
  --text-sm: 0.8125rem;           /* 13px: tabelas densas, metadados */
  --text-base: 0.9375rem;         /* 15px: inputs, texto de corpo */
  --text-lg: 1.25rem;             /* 20px: titulos de secao, modais */
  --text-xl: 1.65rem;             /* 26px: titulos de tela */

  /* --- Espacamento (Escala Base 4px) -------------------------------------- */
  --space-0-5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* --- Bordas & Sombras --------------------------------------------------- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 9999px;
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.45);

  /* ==========================================================================
     ALIASES DE COMPATIBILIDADE (Preserva codigo legado sem quebrar)
     ========================================================================== */

  /* Superficies e Linhas */
  --bg: var(--surface-bg);
  --panel: var(--surface-panel);
  --panel-2: var(--surface-card);
  --card: var(--surface-card);
  --line: var(--surface-border-solid);
  --modern-edge: var(--surface-border-strong);

  /* Texto e Contraste */
  --text: #eff7ed;
  --muted: #afc0cb;
  --muted-gold: #c4b48c;

  /* Acoes e Status */
  --accent: var(--color-accent);
  --accent-light: var(--color-accent-light);
  --accent-ink: var(--color-accent-ink);
  --good: var(--color-pos);
  --warn: var(--color-warn);
  --bad: var(--color-neg);
  --bad-text: var(--color-neg-text);

  /* Zonas de Liga */
  --zone-up: var(--color-pos);
  --zone-play: var(--pos-def);
  --zone-down: var(--color-neg);

  /* Linhas de Tabela */
  --row: #112d36;
  --row-2: #15333b;
  --row-hl: #23463d;

  /* Tipografia Legada */
  --font-ui: var(--font-main);
  --type-body: var(--text-base);
  --type-section-title: var(--text-lg);
  --type-page-title: var(--text-xl);

  /* Sistema GM Sitewide */
  --gm-page-ink: var(--text);
  --gm-page-muted: var(--muted);
  --gm-page-accent: var(--color-accent);
  --gm-page-line: var(--surface-border-soft);
  --gm-page-surface: var(--surface-panel);
  --gm-page-surface-raised: var(--surface-card);
  --gm-page-deep: var(--surface-bg);

  --gm-gold: var(--pos-gk);
  --gm-ink: var(--text);
  --gm-muted: var(--muted);
  --gm-hairline: var(--surface-border-soft);

  --gm-keeper: var(--pos-gk);
  --gm-defence: var(--pos-def);
  --gm-midfield: var(--pos-mid);
  --gm-attack: var(--pos-att);
}