:root {
  /* Cores Principais - Padrão Direx */
  --color-primary: #FF5A3D;        /* Laranja-coral vibrante */
  --color-primary-dark: #e04a2f;   /* Hover dos botões */
  --color-secondary: #1C2B4B;      /* Azul-marinho escuro */
  --color-secondary-light: #253660;/* Itens de menu */
  --color-accent: #F5F7FF;         /* Azul clarinho para fundos */
  --color-text-dark: #1C2B4B;      /* Títulos e textos fortes */
  --color-text-body: #6B7280;      /* Parágrafos e textos médios */
  --color-text-light: #9CA3AF;     /* Textos discretos e placeholders */
  --color-white: #FFFFFF;
  --color-border: #E8ECF0;         /* Bordas suaves */
  --color-success: #22C55E;        /* Badges positivo */
  --color-warning: #F59E0B;        /* Estrelas e avisos */
  --color-danger: #EF4444;         /* Erros e fechado */

  /* Tipografia */
  --font-heading: 'Nunito', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Espaçamentos e Dimensões */
  --section-padding: 100px 0;
  --container-width: 1200px;
  --header-height: 80px;
  
  /* Arredondamentos */
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 16px;
  --border-radius-xl: 24px;
  --border-radius-pill: 50px;

  /* Sombras Direx */
  --shadow-card: 0 4px 24px rgba(28, 43, 75, 0.08);
  --shadow-card-hover: 0 8px 40px rgba(28, 43, 75, 0.15);
  --shadow-input: 0 2px 8px rgba(28, 43, 75, 0.06);
  --shadow-navbar: 0 2px 16px rgba(28, 43, 75, 0.10);

  /* Transições */
  --transition: all 0.3s ease;

  /* Breakpoints */
  --bp-mobile: 576px;
  --bp-tablet: 768px;
  --bp-laptop: 992px;
  --bp-desktop: 1200px;
}