:root {
  /* ==========================================================================
     DR3 Design Tokens - Paleta de Cores Premium (Preto, Dourado, Prata)
     ========================================================================== */

  /* Cores Principais da Marca */
  --color-brand-black: #0D0F12;
  --color-brand-black-rich: #060709;
  --color-brand-black-soft: #181B22;
  --color-brand-black-surface: #20242D;

  /* Dourado Nobre / Champagne */
  --color-gold-50: #FAF6ED;
  --color-gold-100: #F3E9D2;
  --color-gold-200: #E6D2A4;
  --color-gold-300: #D8BA75;
  --color-gold-400: #C5A059;
  --color-gold-500: #B3893E;
  --color-gold-600: #8E6B2D;
  --color-gold-700: #694E1E;

  /* Prata Acetinado / Platinum */
  --color-silver-50: #F8FAFC;
  --color-silver-100: #F1F5F9;
  --color-silver-200: #E2E8F0;
  --color-silver-300: #CBD5E1;
  --color-silver-400: #94A3B8;
  --color-silver-500: #64748B;
  --color-silver-600: #475569;

  /* Superfícies e Textos (Fundo Claro para Leiturabilidade Impecável) */
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #F8F9FA;
  --color-bg-subtle: #F1F3F5;
  --color-bg-dark: #0D0F12;

  --color-text-primary: #111827;
  --color-text-secondary: #4B5563;
  --color-text-muted: #6B7280;
  --color-text-light: #F9FAFB;
  --color-text-gold: #C5A059;

  --color-border-light: #E5E7EB;
  --color-border-subtle: #F3F4F6;
  --color-border-gold: rgba(197, 160, 89, 0.35);
  --color-border-dark: rgba(255, 255, 255, 0.12);

  /* Cores de Estado e Feedback */
  --color-success: #10B981;
  --color-success-bg: #ECFDF5;
  --color-error: #EF4444;
  --color-error-bg: #FEF2F2;
  --color-warning: #F59E0B;
  --color-info: #3B82F6;

  /* Gradientes Nobres */
  --gradient-gold: linear-gradient(135deg, #DFBA73 0%, #C5A059 50%, #A47D34 100%);
  --gradient-gold-hover: linear-gradient(135deg, #EAD093 0%, #D4AF65 50%, #B88E3E 100%);
  --gradient-gold-subtle: linear-gradient(135deg, rgba(223, 186, 115, 0.12) 0%, rgba(197, 160, 89, 0.04) 100%);
  --gradient-dark: linear-gradient(180deg, #181B22 0%, #0D0F12 100%);
  --gradient-dark-overlay: linear-gradient(180deg, rgba(13, 15, 18, 0.72) 0%, rgba(13, 15, 18, 0.92) 100%);
  --gradient-silver: linear-gradient(135deg, #FFFFFF 0%, #E2E8F0 50%, #CBD5E1 100%);

  /* ==========================================================================
     Tipografia Moderna Sem Serifa
     ========================================================================== */
  --font-family-base: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-family-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.875rem;   /* 14px */
  --font-size-md: 1rem;       /* 16px */
  --font-size-lg: 1.125rem;   /* 18px */
  --font-size-xl: 1.25rem;    /* 20px */
  --font-size-2xl: 1.5rem;    /* 24px */
  --font-size-3xl: 1.875rem;  /* 30px */
  --font-size-4xl: 2.25rem;   /* 36px */
  --font-size-5xl: 3rem;      /* 48px */
  --font-size-hero: clamp(2.25rem, 5vw + 1rem, 3.75rem);

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  --line-height-tight: 1.15;
  --line-height-snug: 1.35;
  --line-height-normal: 1.55;
  --line-height-relaxed: 1.7;

  /* ==========================================================================
     Sombras e Elevações
     ========================================================================== */
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 6px -1px rgba(0, 0, 0, 0.06), 0 1px 3px -1px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 20px -4px rgba(0, 0, 0, 0.08), 0 4px 8px -2px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 16px 32px -6px rgba(0, 0, 0, 0.1), 0 8px 16px -4px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, 0.16);
  --shadow-gold-glow: 0 8px 24px -4px rgba(197, 160, 89, 0.35);
  --shadow-gold-subtle: 0 4px 16px rgba(197, 160, 89, 0.15);

  /* ==========================================================================
     Espaçamentos & Bordas
     ========================================================================== */
  --spacing-1: 0.25rem;  /* 4px */
  --spacing-2: 0.5rem;   /* 8px */
  --spacing-3: 0.75rem;  /* 12px */
  --spacing-4: 1rem;     /* 16px */
  --spacing-5: 1.25rem;  /* 20px */
  --spacing-6: 1.5rem;   /* 24px */
  --spacing-8: 2rem;     /* 32px */
  --spacing-10: 2.5rem;  /* 40px */
  --spacing-12: 3rem;    /* 48px */
  --spacing-16: 4rem;    /* 64px */
  --spacing-20: 5rem;    /* 80px */
  --spacing-24: 6rem;    /* 96px */

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-full: 9999px;

  /* ==========================================================================
     Layout & Transições
     ========================================================================== */
  --container-max-width: 1240px;
  --container-padding: 1.5rem;

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 350ms cubic-bezier(0.16, 1, 0.3, 1);

  --z-header: 100;
  --z-floating: 200;
  --z-modal: 500;
  --z-toast: 1000;
}