/* 
  Design Tokens (CSS Variables) - Remodelagem Premium 2026
*/
:root {
  /* Colors */
  --primary-color: #034974;      /* Azul Institucional */
  --primary-dark: #022a44;       /* Azul Escuro */
  --primary-light: #045a8d;      /* Azul Médio */
  --accent-color: #d8bc7e;       /* Champagne Dourado */
  --accent-hover: #bca065;       /* Champagne Dourado Escuro */

  --text-main: #2c3135;          /* Cinza Escuro Calibrado */
  --text-dark: #0a1520;          /* Azul Quase Preto */
  --text-light: #4d5460;         /* Cinza Médio Leitura */
  --text-muted: #8f96a0;         /* Cinza Mudo */

  --bg-main: #faf9f6;            /* Fundo Principal Off-white/Stone */
  --bg-light: #f3f2ed;           /* Fundo Secundário Warm */
  --bg-footer: #022a44;          /* Fundo do Rodapé */
  --bg-dark: #0a1520;            /* Fundo Totalmente Escuro */

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-main: var(--font-body); /* Para retrocompatibilidade */
  
  /* Spacing */
  --spacing-xs: 0.5rem;   /* 8px */
  --spacing-sm: 1rem;     /* 16px */
  --spacing-md: 2rem;     /* 32px */
  --spacing-lg: 4rem;     /* 64px */
  --spacing-xl: 6rem;     /* 96px */
  
  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-surgical: 10px;
  
  /* Shadows - Crisp & Sharp */
  --shadow-sm: 0 1px 2px rgba(3, 49, 74, 0.05);
  --shadow-md: 0 4px 10px rgba(3, 49, 74, 0.08);
  --shadow-hover: 0 12px 24px rgba(3, 49, 74, 0.12);
  
  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}