/* ============================================
   CSS Custom Properties — Design Tokens
   Dra. Isadora Eloy | Odontologia
   ============================================ */
:root {
  /* ── Cores ── */
  --clr-white:       #FFFFFF;
  --clr-gold:        #D4AF37;
  --clr-gold-dark:   #B8962E;
  --clr-gold-light:  rgba(212, 175, 55, 0.12);
  --clr-gold-subtle: rgba(212, 175, 55, 0.06);
  --clr-bg:          #F9F7F4;
  --clr-bg-alt:      #F0ECE6;
  --clr-text:        #2C2C2C;
  --clr-text-muted:  #6B6B6B;
  --clr-border:      #E5DDD0;
  --clr-dark:        #1A1A1A;

  /* ── Tipografia ── */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Raleway', 'Segoe UI', Arial, sans-serif;

  /* ── Tamanhos de fonte ── */
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.375rem;
  --fs-xl:   1.75rem;
  --fs-2xl:  2.25rem;
  --fs-3xl:  3rem;
  --fs-4xl:  3.75rem;

  /* ── Espaçamentos ── */
  --space-xs:         0.5rem;
  --space-sm:         1rem;
  --space-md:         1.5rem;
  --space-lg:         2.5rem;
  --space-xl:         4rem;
  --space-2xl:        6rem;
  --container-max:    1200px;
  --container-pad:    1.5rem;

  /* ── Efeitos ── */
  --transition:      0.3s ease;
  --transition-slow: 0.6s ease;
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-full: 999px;
  --shadow-sm:   0 2px 8px rgba(0, 0, 0, 0.07);
  --shadow-md:   0 4px 20px rgba(0, 0, 0, 0.10);
  --shadow-lg:   0 8px 40px rgba(0, 0, 0, 0.14);
  --shadow-gold: 0 4px 24px rgba(212, 175, 55, 0.28);
}