/* =========================================
   VARIABLES — MT Luxury Wood
   Palette, tipografia, breakpoints, spacing
   ========================================= */

:root {

  /* --- Palette --- */
  --noir:           #0a0608;
  --noir-mid:       #130a0e;
  --bordeaux-deep:  #1d0515;
  --bordeaux:       #5c0f1e;
  --bordeaux-light: #6a040f;
  --gold:           #c9a84c;
  --gold-light:     #e2c97e;
  --gold-dim:       #8a6a28;
  --cream:          #edede9;
  --cream-dim:      #b8b8b2;

  /* --- Glass / overlay --- */
  --glass:          rgba(201, 168, 76, 0.06);
  --glass-border:   rgba(201, 168, 76, 0.18);
  --overlay-dark:   rgba(10, 6, 8, 0.72);

  /* --- Tipografia fluida --- */
  --fs-hero:    clamp(2.8rem, 7vw, 6.5rem);
  --fs-h2:      clamp(2rem, 4vw, 3.5rem);
  --fs-h3:      clamp(1.4rem, 2.5vw, 2rem);
  --fs-body:    clamp(1rem, 1.5vw, 1.125rem);
  --fs-small:   clamp(0.75rem, 1vw, 0.875rem);
  --fs-label:   clamp(0.65rem, 0.9vw, 0.75rem);

  /* --- Spacing --- */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   2rem;
  --space-lg:   4rem;
  --space-xl:   8rem;

  /* --- Container --- */
  --container:  1280px;
  --gutter:     clamp(1.5rem, 5vw, 5rem);

  /* --- Transizioni --- */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:    cubic-bezier(0.7, 0, 0.84, 0);
  --duration:   0.4s;

  /* --- Z-index --- */
  --z-cursor:   9999;
  --z-nav:      100;
  --z-overlay:  10;

}

/* --- Breakpoints (usati nei media query) ---
   sm:  480px
   md:  768px
   lg:  1024px
   xl:  1280px
*/