/* === DESIGN TOKENS — Coleiro da Sorte (paleta dourado/marrom) === */
:root {
  /* Primary colors (antigo --pink-*, mantido por compatibilidade de nome) */
  --pink-primary: #D9891E;
  --pink-dark: #B36F16;
  --pink-cta: #D9891E;
  --pink-light: #F5E8C8;

  /* Green (badges) */
  --green-badge-bg: #E0F7E9;
  --green-badge-text: #2E7D32;
  --green-badge-border: #A5D6A7;
  --green-popular: #00C853;

  /* Neutrals */
  --bg-page: #F7F0E3;
  --bg-card: #FFFFFF;
  --bg-card-option: #FAF3E7;
  --bg-dark-overlay: rgba(62, 36, 23, 0.6);
  --text-dark: #2B1A0F;
  --text-medium: #5C4632;
  --text-light: #8A7660;
  --text-white: #FFFFFF;
  --border-light: #E6D9BE;

  /* Sidebar */
  --sidebar-bg: #FFFFFF;
  --sidebar-overlay: rgba(0, 0, 0, 0.5);

  /* Typography */
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Sizing */
  --header-height: 64px;
  --max-content-width: 520px;
  --sidebar-width: 280px;

  /* Shadows */
  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  --card-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.3s ease;
}