/* Apex-Treinador — design tokens
   Paleta sóbria, layout desktop-first. Tokens são IDÊNTICOS aos do Apex-Atleta
   por enquanto, mas podem divergir livremente (DECISIONS DA-04 v1.1). */

:root {
  /* Fundos */
  --bg:        #0E1116;
  --bg-1:      #161B22;
  --bg-2:      #1C232D;
  --bg-3:      #232C38;
  --bg-4:      #2A3445;

  /* Texto */
  --text:      #E6EAF0;
  --text-2:    #9AA7B8;
  --text-3:    #6B7888;
  --text-4:    #4A5566;

  /* Linhas */
  --line:      rgba(255, 255, 255, 0.06);
  --line-2:    rgba(255, 255, 255, 0.10);
  --line-3:    rgba(255, 255, 255, 0.18);
  --line-4:    rgba(255, 255, 255, 0.28);
  --line-5:    rgba(255, 255, 255, 0.42);

  /* Verde */
  --green:        #3DDC91;
  --green-deep:   #2BB377;
  --green-dark:   #15805C;
  --green-tint:   rgba(61, 220, 145, 0.12);
  --green-tint-2: rgba(61, 220, 145, 0.22);
  --green-glow:   rgba(61, 220, 145, 0.35);

  /* Cor de equipa */
  --team:        #4C8DFF;
  --team-tint:   rgba(76, 141, 255, 0.14);

  /* Estados */
  --warn:       #E0B040;
  --warn-tint:  rgba(224, 176, 64, 0.14);
  --crit:       #E5564B;
  --crit-tint:  rgba(229, 86, 75, 0.14);
  --info:       #4C8DFF;
  --info-tint:  rgba(76, 141, 255, 0.14);
  --ok:         var(--green);
  --ok-tint:    var(--green-tint);

  /* Espaçamentos */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* Raios */
  --radius-sm:  6px;
  --radius:     10px;
  --radius-lg:  14px;
  --radius-xl:  18px;

  /* Sombras */
  --shadow-xs: 0 1px 0 rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.6);

  /* Tipografia */
  --font-sans:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif:  'Fraunces', Georgia, serif;
  --font-mono:   'JetBrains Mono', 'SF Mono', Menlo, monospace;
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-lg: 17px; --fs-xl: 22px; --fs-2xl: 32px;

  /* Transições */
  --ease:          cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 0.12s;
  --duration:      0.20s;

  /* Z-index */
  --z-sidebar:  10;
  --z-topbar:   20;
  --z-drawer:   100;
  --z-modal:    200;
  --z-toast:    300;

  /* Layout — DESKTOP-FIRST: sidebar fixa à esquerda, content + detail panel */
  --sidebar-w:     240px;
  --detail-w:      360px;
  --topbar-h:      56px;
  --maxw-content:  1600px;
}