:root {
  /* =====================================================================
     Paleta monocromática v7 — preto/cinza/branco, zero cor de acento
     ===================================================================== */
  --bg-app:          #0a0a0a;   /* fundo geral, preto quase puro */
  --bg-surface:      #141414;   /* cards e superfícies */
  --bg-surface-2:    #1e1e1e;   /* superfície elevada / hover */
  --bg-surface-3:    #282828;   /* elevação extra */
  --bg-overlay:      rgba(10, 10, 10, 0.85);

  --border:          #2a2a2a;   /* divisores e contornos */
  --border-subtle:   rgba(42, 42, 42, 0.6);
  --border-strong:   #3a3a3a;

  --text-primary:    #f5f5f5;   /* títulos e valores */
  --text-secondary:  #a3a3a3;   /* labels e legendas */
  --text-muted:      #6b6b6b;   /* placeholders, estados desativados */
  --text-disabled:   #3a3a3a;

  --btn-primary-bg:  #6E00B3;   /* botao primario = roxo */
  --btn-primary-fg:  #ffffff;   /* texto do botão primário = branco */
  --btn-ghost-border:#3a3a3a;

  /* Semânticas — mantidas para status/feedback */
  --success: #4ade80;
  --warning: #facc15;
  --danger:  #f87171;
  --info:    #38bdf8;

  /* Acao primaria e identidade visual v7 */
  --accent:        #6E00B3;
  --accent-hover:  #8B00E0;
  --accent-bright: #A78BFA;
  --accent-glow:   rgba(110, 0, 179, 0.25);

  /* Identidade visual v7 */
  --brand:        #7c3aed;
  --brand-hover:  #6d28d9;
  --brand-bright: #a78bfa;
  --brand-glow:   rgba(124, 58, 237, 0.3);
  --brand-deep:   #4c1d95;
  --brand-gradient: linear-gradient(135deg, var(--brand-bright) 0%, var(--brand) 52%, var(--brand-deep) 100%);

  --btn-primary-bg: #6E00B3;
  --btn-primary-fg: #ffffff;

  /* Aliases retrocompativeis */
  --bronze:      var(--accent);
  --bronze-hi:   var(--accent-bright);
  --bronze-dim:  rgba(110, 0, 179, 0.55);
  --bronze-glow: rgba(110, 0, 179, 0.12);

  /* Fontes */
  --font-display: 'Cinzel', 'Trajan Pro', Georgia, serif;
  --font-body:    -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'SF Mono', Menlo, Consolas, monospace;

  /* Escala tipográfica */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;

  /* Espaçamento */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Arredondamento */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* Sombras — neutras, sem cor */
  --shadow-sm:   0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-md:   0 4px 12px rgba(0, 0, 0, 0.6);
  --shadow-lg:   0 12px 32px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 24px var(--brand-glow);

  /* Animação */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 400ms;

  /* Z-index */
  --z-base:       1;
  --z-sticky:     10;
  --z-header:     50;
  --z-bottom-nav: 60;
  --z-drawer:     70;
  --z-modal:      80;
  --z-toast:      90;
  --z-max:        100;

  /* Layout */
  --header-h:      56px;
  --bottom-nav-h:  64px;
  --max-w-mobile:  100%;
  --max-w-desktop: 600px;
  --max-w-wide:    1080px;

  /* Safe areas iOS */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:   env(safe-area-inset-left, 0px);
  --safe-right:  env(safe-area-inset-right, 0px);

  /* =======================================================================
     Aliases retrocompatíveis — nomes v1-v5 apontam para os novos tokens.
     Permitem que style.css, mobile.css e demais arquivos funcionem sem
     reescrita total. Nunca use estes nomes em código novo.
     ======================================================================= */
  --bg:            var(--bg-app);
  --bg-2:          var(--bg-surface);
  --bg-3:          var(--bg-surface-2);
  --bg-elev:       var(--bg-surface-3);
  --bg-base:       var(--bg-app);
  --bg-elevated:   var(--bg-surface);
  --bg-card:       var(--bg-surface);
  --bg-card-hover: var(--bg-surface-2);

  --border-default: var(--border);
  --border-hi:      var(--border-strong);

  --text:          var(--text-primary);
  --text-mut:      var(--text-secondary);
  --text-dim:      var(--text-muted);
  --text-tertiary: var(--text-muted);

  --bronze-glow: rgba(110, 0, 179, 0.12);

  --font-brand: var(--font-display);
  --font-head:  'Oswald', 'Arial Narrow', sans-serif;

  --shadow:     var(--shadow-md);
  --inset-line: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}