@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@400;500;600&display=swap');

:root {
  /* Cores */
  --color-navy:        #0A1628;
  --color-navy-deep:   #071120;
  --color-gold:        #9A7D3A;
  --color-gold-light:  #C4A35A;
  --color-offwhite:    #F7F6F2;
  --color-white:       #FFFFFF;
  --color-text:        #2A2A2A;
  --color-text-muted:  #6B7280;

  /* Tipografia */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans:  'Inter', system-ui, sans-serif;

  /* Tamanhos de fonte */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;
  --text-7xl:  4.5rem;

  /* Espaçamentos */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* Layout */
  --container-max: 1200px;
  --container-pad: var(--space-6);

  /* Bordas */
  --radius-sm: 2px;
  --radius:    4px;

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

  /* Header */
  --header-h: 80px;
}

@media (max-width: 768px) {
  :root {
    --text-5xl: 2.25rem;
    --text-6xl: 2.75rem;
    --text-7xl: 3.25rem;
    --container-pad: var(--space-4);
    --header-h: 64px;
  }
}