/* ==========================================================================
   MW ASSESSORIA - DESIGN SYSTEM & THEME VARIABLES
   ========================================================================== */

:root {
  /* Brand Color Palette (Derived from official Logo) */
  --color-primary: #E30613;          /* Vermelho Institucional Oficial MW */
  --color-primary-hover: #C5000C;    /* Vermelho mais escuro para estados ativos/hover */
  --color-primary-light: #FFECEE;    /* Tint suave para destaques e fundos de badges */
  --color-primary-alpha: rgba(227, 6, 19, 0.08);

  --color-secondary: #111827;        /* Grafite/Preto da marca (W do logotipo) */
  --color-secondary-hover: #1F2937;  /* Grafite levemente mais claro */
  
  --color-accent: #2563EB;           /* Azul de apoio para tags/links operacionais */
  --color-accent-light: #EFF6FF;

  /* Neutral Spectrum (Light Theme Default) */
  --bg-page: #F8FAFC;                /* Fundo principal limpo e sóbrio */
  --bg-surface: #FFFFFF;             /* Superfície dos cards e seções elevadas */
  --bg-surface-secondary: #F1F5F9;   /* Superfície secundária (cards de apoio) */
  --bg-header: rgba(255, 255, 255, 0.92);

  --text-main: #0F172A;              /* Slate 900 - Alta legibilidade e contraste */
  --text-secondary: #475569;         /* Slate 600 - Subtítulos e parágrafos */
  --text-muted: #64748B;             /* Slate 500 - Legendas e metadados */
  --text-inverse: #FFFFFF;           /* Texto sobre fundos escuros ou vermelhos */

  --border-color: #E2E8F0;           /* Bordas suaves e elegantes */
  --border-color-hover: #CBD5E1;

  /* Elevation & Shadows */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 12px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -2px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 12px 24px -4px rgba(15, 23, 42, 0.1), 0 4px 8px -2px rgba(15, 23, 42, 0.05);
  --shadow-xl: 0 20px 32px -8px rgba(15, 23, 42, 0.15);
  --shadow-red: 0 8px 20px rgba(227, 6, 19, 0.25);

  /* Geometry & Spacing */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  --font-family: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Plus Jakarta Sans', 'Inter', sans-serif;
  
  --transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  --container-max: 1240px;
  --header-height: 98px;
}

/* Dark Theme Overrides */
[data-theme="dark"] {
  --bg-page: #0B0F17;
  --bg-surface: #131B2A;
  --bg-surface-secondary: #1A2436;
  --bg-header: rgba(19, 27, 42, 0.92);

  --text-main: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;

  --border-color: #1E293B;
  --border-color-hover: #334155;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.5);
  --color-primary-light: rgba(227, 6, 19, 0.15);
}