:root {
  /* Backgrounds */
  --bg-dark:        #1A1A1A;
  --bg-dark-alt:    #222222;
  --bg-cream:       #F2EDE3;
  --bg-cream-alt:   #EDE8DD;

  /* Texto */
  --text-light:     #F2EDE3;
  --text-dark:      #1A1A1A;
  --text-muted:     #999999;

  /* Acentos */
  --accent-wine:    #8B1A1A;
  --accent-gold:    #C9A96E;

  /* Bordas */
  --border-dark:    rgba(242, 237, 227, 0.15);
  --border-cream:   rgba(26, 26, 26, 0.12);

  /* Tipografia */
  --font-display:   'Playfair Display', serif;
  --font-body:      'Inter', sans-serif;

  /* Escala tipográfica */
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.25rem;
  --text-xl:    1.5rem;
  --text-2xl:   2rem;
  --text-3xl:   3rem;
  --text-4xl:   4.5rem;
  --text-5xl:   6rem;

  /* Espaçamentos */
  --space-1:  0.5rem;
  --space-2:  1rem;
  --space-3:  1.5rem;
  --space-4:  2rem;
  --space-6:  3rem;
  --space-8:  4rem;
  --space-12: 6rem;
  --space-16: 8rem;
  --space-24: 12rem;

  /* Border radius */
  --radius-sm:  4px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  32px;

  /* Nav height */
  --nav-height: 72px;

  /* Transições — cubic-bezier premium (petralithe pattern) */
  --ease-premium:      cubic-bezier(.22, .61, .36, 1);
  --transition-fast:   0.2s cubic-bezier(.22, .61, .36, 1);
  --transition-base:   0.35s cubic-bezier(.22, .61, .36, 1);
  --transition-slow:   0.6s cubic-bezier(.22, .61, .36, 1);

  /* ── Camadas (escala semantica; antes havia 99/100/900/9999 soltos) ── */
  --z-base:     0;
  --z-raised:   1;
  --z-overlay:  10;
  --z-drawer:   100;
  --z-nav:      200;
  --z-float:    250;
  --z-cursor:   300;
  --z-skip:     400;
}