/**
 * MKT Prado - Design Tokens & Variables
 * Cores, tipografia, espaçamentos e raios fiéis ao briefing e mockup
 */

:root {
  /* Paleta de Cores */
  --color-bg-primary: #090909;
  --color-bg-secondary: #141414;
  --color-bg-card: #0F0F10;
  
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #B8B8B8;
  --color-text-muted: #8E8E93;
  
  --color-magenta: #FF0066;
  --color-magenta-hover: #E6005C;
  --color-magenta-subtle: rgba(255, 0, 102, 0.12);
  --color-magenta-glow: rgba(255, 0, 102, 0.25);
  
  --color-border: #222224;
  --color-border-light: #303030;
  --color-border-focus: #FF0066;

  --color-bg-pure-black: #000000;
  --color-bg-light: #FFFFFF;
  --color-text-dark: #111111;
  --color-text-dark-secondary: #555555;
  --color-text-dark-muted: #595959;
  --color-border-light-theme: #E5E5E5;

  /* Tipografia */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 800;

  /* Espaçamentos e Layout */
  --container-max-width: 1200px;
  --container-padding: 24px;
  
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;

  /* Transições */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}