/**
 * AUREA Joias & Semijoias - Design System Tokens
 * Paleta refinada com inspiração em alta joalheria, ouro champanhe e ródio platina.
 */

:root {
  /* Cores de Base */
  --bg-primary: #FAF8F5;
  --bg-card: #FFFFFF;
  --bg-secondary: #F3EFEA;
  --bg-subtle: #ECE7E1;
  --bg-dark: #121110;
  --bg-dark-card: #1D1B19;

  /* Textos e Contraste */
  --text-primary: #141312;
  --text-secondary: #4A453F;
  --text-muted: #7E766D;
  --text-light: #FAF8F5;
  --border-light: #E8E3DC;
  --border-subtle: #F0ECE6;

  /* Acento Ouro Champagne */
  --gold-primary: #C5A059;
  --gold-hover: #D6B26A;
  --gold-dark: #9A7736;
  --gold-light: #F7EFE1;
  --gold-border: #DFBD79;
  --gold-glow: rgba(197, 160, 89, 0.22);

  /* Acento Prata / Ródio Branco */
  --silver-primary: #8E99A8;
  --silver-light: #EBF0F5;
  --silver-border: #CBD5E1;

  /* Selos de Confiança (Verde Esmeralda e Alertas) */
  --emerald-primary: #1F4A38;
  --emerald-light: #EAF4EE;
  --emerald-text: #17382B;
  --badge-discount: #8A2D2A;
  --badge-discount-bg: #FDF0EF;

  /* Tipografia */
  --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Elevações e Sombras */
  --shadow-sm: 0 2px 8px rgba(20, 19, 18, 0.04);
  --shadow-md: 0 8px 24px rgba(20, 19, 18, 0.06);
  --shadow-lg: 0 16px 40px rgba(20, 19, 18, 0.1);
  --shadow-gold: 0 6px 20px rgba(197, 160, 89, 0.25);
  --shadow-drawer: -10px 0 40px rgba(20, 19, 18, 0.15);

  /* Bordas */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 9999px;

  /* Transições Suaves */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.45s cubic-bezier(0.16, 1, 0.3, 1);

  /* Dimensões */
  --header-height: 80px;
  --topbar-height: 38px;
  --container-max: 1280px;
}