/* ===== Design Tokens — fonte única de verdade ===== */
/* Importado por todos os HTMLs antes de qualquer outro CSS.  */
:root {
  /* Cores principais */
  --color-primary:      #1A936F;
  --color-primary-lt:   #22B38A;
  --color-primary-dark: #1C2B28;
  --color-accent:       #E9A84C;
  --color-accent-dark:  #D4922A;
  --color-danger:       #E5534B;
  --color-warning:      #F0A500;
  --color-success:      #16A34A; /* distinto do primary */

  /* Superfícies e texto */
  --color-bg:           #F5F4F0;
  --color-surface:      #FFFFFF;
  --color-border:       #E8E6E0;
  --color-text:         #1A1A1A;
  --color-text-muted:   #6B6B61;

  /* Layout */
  --sidebar-width:      248px;
  --topbar-height:      60px;
  --bottom-nav-height:  64px;

  /* Border-radius */
  --radius:    10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  /* Sombras */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.05);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.06);

  /* Superfícies secundárias */
  --color-bg-secondary:  #EEEDE8;

  /* Transição padrão */
  --transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);

  /* Safe area insets (notch / home-bar) */
  --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 (landing, login, admin, termos, privacidade) ── */
  --green:    var(--color-primary);
  --green-lt: var(--color-primary-lt);
  --green-bg: var(--color-bg);
  --accent:   var(--color-accent);
  --danger:   var(--color-danger);
  --bg:       var(--color-bg);
  --surface:  var(--color-surface);
  --border:   var(--color-border);
  --text:     var(--color-text);
  --muted:    var(--color-text-muted);
}

/* ===== DARK MODE ===== */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg:           #111827;
    --color-surface:      #1F2937;
    --color-bg-secondary: #2D3748;
    --color-border:       #374151;
    --color-text:         #F3F4F6;
    --color-text-muted:   #9CA3AF;

    --color-primary-lt:   #4ADE80;
    --color-accent:       #F59E0B;
  }
}

/* Override via data-theme attribute */
[data-theme="dark"] {
  --color-bg:           #111827;
  --color-surface:      #1F2937;
  --color-bg-secondary: #2D3748;
  --color-border:       #374151;
  --color-text:         #F3F4F6;
  --color-text-muted:   #9CA3AF;

  --color-primary-lt:   #4ADE80;
  --color-accent:       #F59E0B;
}

[data-theme="light"] {
  --color-bg:           #F5F4F0;
  --color-surface:      #FFFFFF;
  --color-border:       #E8E6E0;
  --color-text:         #1A1A1A;
  --color-text-muted:   #6B6B61;

  --color-primary-lt:   #22B38A;
  --color-accent:       #E9A84C;
}