/* ============================================================
   BT GAMES — Variáveis CSS Globais  (tema CLARO)
   Paleta: Azul Marinho #1B2F5E | Laranja #F47920
   ============================================================ */
:root {
  /* Cores primárias */
  --navy:          #1B2F5E;
  --navy-dark:     #142448;
  --navy-mid:      #243d70;
  --navy-light:    #2d4f8a;
  --navy-hover:    #1e3a6e;

  /* Laranja */
  --orange:        #F47920;
  --orange-dark:   #d4631a;
  --orange-light:  #f89347;
  --orange-glow:   rgba(244, 121, 32, 0.18);
  --orange-glow2:  rgba(244, 121, 32, 0.07);

  /* Fundos — TEMA CLARO */
  --bg-root:       #eef2f8;
  --bg-base:       #e6ecf5;
  --bg-card:       #ffffff;
  --bg-input:      #f5f8fc;
  --bg-hover:      #dde5f0;
  --bg-sidebar:    #1B2F5E;
  --bg-topbar:     #ffffff;
  --bg-hero:       #1B2F5E;

  /* Texto no tema claro */
  --text-primary:   #0d1d36;
  --text-secondary: #2e4670;
  --text-muted:     #5a7898;
  --text-dim:       #8aaac8;

  /* Texto sobre fundos escuros (sidebar, hero, brand) */
  --text-on-dark:       #e8edf5;
  --text-on-dark-muted: #9aaabb;
  --text-on-dark-dim:   #5a7898;

  /* Bordas */
  --border:        rgba(27, 47, 94, 0.13);
  --border-strong: rgba(27, 47, 94, 0.28);
  --border-focus:  var(--orange);
  --border-error:  #dc2626;
  --border-ok:     #16a34a;

  /* Status */
  --color-success: #16a34a;
  --color-error:   #dc2626;
  --color-warn:    #d97706;
  --color-info:    #0284c7;

  /* Tipografia */
  --font-main:    'Barlow', sans-serif;
  --font-display: 'Barlow Condensed', sans-serif;

  /* Raios */
  --r-xs:   4px;
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   18px;
  --r-xl:   24px;
  --r-full: 9999px;

  /* Sombras — mais suaves no tema claro */
  --shadow-sm:     0 1px 4px rgba(27,47,94,0.08), 0 2px 8px rgba(27,47,94,0.06);
  --shadow-md:     0 4px 16px rgba(27,47,94,0.10), 0 1px 4px rgba(27,47,94,0.06);
  --shadow-lg:     0 8px 32px rgba(27,47,94,0.12), 0 2px 8px rgba(27,47,94,0.08);
  --shadow-orange: 0 4px 16px rgba(244,121,32,0.28);

  /* Transições */
  --t-fast:  0.15s ease;
  --t-base:  0.25s ease;
  --t-slow:  0.4s ease;

  /* Z-index */
  --z-base:  1;
  --z-card:  10;
  --z-modal: 100;
  --z-toast: 200;
  --z-top:   999;
}