/* ============================================
   LUXURY RESET NWA — EFFECTS TOKENS
   (shadows, transitions, blur, z-index)
   ============================================ */

:root {
  /* === Shadows ===
     Warm-tinted shadows (not cool gray) to match the cream/gold palette */
  --shadow-xs:   0 1px 3px 0 rgba(26, 22, 18, 0.06);
  --shadow-sm:   0 2px 6px 0 rgba(26, 22, 18, 0.08), 0 1px 2px 0 rgba(26, 22, 18, 0.04);
  --shadow-md:   0 4px 16px 0 rgba(26, 22, 18, 0.10), 0 2px 4px 0 rgba(26, 22, 18, 0.05);
  --shadow-lg:   0 8px 32px 0 rgba(26, 22, 18, 0.12), 0 4px 8px  0 rgba(26, 22, 18, 0.06);
  --shadow-xl:   0 16px 48px 0 rgba(26, 22, 18, 0.14), 0 6px 12px 0 rgba(26, 22, 18, 0.06);
  --shadow-gold: 0 4px 20px 0 rgba(196, 154, 85, 0.25);

  /* Inner shadows — for inputs, inset elements */
  --shadow-inner:    inset 0 1px 3px 0 rgba(26, 22, 18, 0.08);
  --shadow-inner-md: inset 0 2px 6px 0 rgba(26, 22, 18, 0.12);

  /* === Transitions === */
  --duration-fast:    150ms; /* @kind other */
  --duration-normal:  250ms; /* @kind other */
  --duration-slow:    400ms; /* @kind other */
  --duration-slower:  600ms; /* @kind other */

  --ease-standard:  cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-decelerate: cubic-bezier(0, 0, 0.2, 1); /* @kind other */
  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1); /* @kind other */

  --transition-color:     color var(--duration-normal) var(--ease-standard), background-color var(--duration-normal) var(--ease-standard), border-color var(--duration-normal) var(--ease-standard); /* @kind other */
  --transition-shadow:    box-shadow var(--duration-normal) var(--ease-standard); /* @kind other */
  --transition-transform: transform var(--duration-normal) var(--ease-standard); /* @kind other */
  --transition-all:       all var(--duration-normal) var(--ease-standard); /* @kind other */

  /* === Blur === */
  --blur-sm:   4px; /* @kind other */
  --blur-md:   12px; /* @kind other */
  --blur-lg:   24px; /* @kind other */

  /* === Z-index scale === */
  --z-below:    -1; /* @kind other */
  --z-base:      0; /* @kind other */
  --z-raised:    10; /* @kind other */
  --z-dropdown:  100; /* @kind other */
  --z-sticky:    200; /* @kind other */
  --z-overlay:   300; /* @kind other */
  --z-modal:     400; /* @kind other */
  --z-toast:     500; /* @kind other */
  --z-top:       9999; /* @kind other */

  /* === Dividers === */
  --divider:     1px solid var(--color-border); /* @kind other */
  --divider-strong: 1px solid var(--color-border-strong); /* @kind other */
}