/* ═══════════════════════════════════════════
   ONELLA SALON — Design Tokens v3 (Light)
   ═══════════════════════════════════════════ */

:root {
  /* ── Palette ── */
  --bg-primary:      #FAFAF8;   /* warm white, almost paper */
  --bg-secondary:    #F2EFE9;   /* soft cream for section alternates */
  --bg-elevated:     #EDE8DF;   /* slightly deeper cream for cards */
  --bg-dark:         #0A0A0A;   /* footer only */
  --accent:          #C9A84C;   /* champagne gold */
  --accent-light:    #E8D5A3;
  --accent-dark:     #A8893A;   /* hover states */
  --text-primary:    #0A0A0A;   /* near black */
  --text-secondary:  #6B6560;   /* warm grey */
  --text-muted:      #9C9490;
  --border:          #E0D9CF;   /* soft warm border */
  --border-accent:   rgba(201, 168, 76, 0.3);
  --whatsapp:        #25D366;
  --whatsapp-dark:   #1DA851;

  /* ── Typography ── */
  --font-brand:    'Bizantheum', 'Cinzel', serif;
  --font-display:  'Cinzel', serif;
  --font-headline: 'Cinzel', serif;
  --font-body:     'Amiri', serif;

  /* ── Sizing ── */
  --container-max:    1280px;
  --container-narrow: 960px;
  --nav-height:       72px;
  --section-pad:      clamp(4rem, 8vw, 8rem);

  /* ── Transitions ── */
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration:      0.35s;
  --duration-slow: 0.6s;

  /* ── Shadows ── */
  --shadow-card: 0 2px 20px rgba(0, 0, 0, 0.06);
  --shadow-glow: 0 0 20px rgba(201, 168, 76, 0.2);
}