/* ============================================================
   Theme: LUXURY — Salon, Spa, Jewellery, Hotel, Premium Brand
   Primary: Amber-500 (#f59e0b) on Deep Navy (#0f172a)
   Philosophy: Aspirational, refined, editorial, breathes
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500&display=swap');

:root {
  --theme: luxury;

  /* Colour — gold on deep navy: timeless luxury combination */
  --color-primary:          #f59e0b;   /* amber-500 — gold accent */
  --color-primary-h:        #d97706;   /* amber-600 — hover       */
  --color-accent:           #fde68a;   /* amber-200 — soft glow   */
  --color-secondary:        #0f172a;   /* slate-900 — deep navy   */

  --color-surface:          #fafaf9;
  --color-surface-2:        #f5f0e8;   /* warm parchment          */
  --color-border:           rgba(245,158,11,0.20);
  --color-text:             #0f172a;
  --color-text-muted:       #64748b;
  --color-text-on-primary:  #0f172a;  /* dark text on gold btn   */

  /* ── Typography — editorial, unhurried ── */
  --font-heading: 'Playfair Display', serif;
  --font-body:    'Inter', sans-serif;
  --font-accent:  'Cormorant Garamond', serif;

  --text-hero:    clamp(3.5rem, 7vw, 6rem);
  --text-h2:      clamp(2rem, 4vw, 3.5rem);
  --text-h3:      1.5rem;

  --weight-heading:        400;        /* elegant = light weight  */
  --letter-spacing-hero:   0.02em;
  --letter-spacing-label:  0.2em;     /* wide small-caps labels  */

  /* ── Shape — sharp precision ── */
  --radius-xs:    1px;
  --radius-sm:    2px;
  --radius-md:    4px;
  --radius-card:  4px;
  --radius-btn:   2px;
  --radius-image: 0px;

  /* ── Depth — dramatic, editorial ── */
  --shadow-sm:   0 2px 8px rgba(15,23,42,0.08);
  --shadow-md:   0 12px 40px rgba(15,23,42,0.12);
  --shadow-card: 0 20px 60px rgba(15,23,42,0.15);
  --shadow-btn:  0 4px 20px rgba(245,158,11,0.35);

  /* ── Spacing — luxury breathes ── */
  --section-py:    8rem;
  --section-py-sm: 5rem;
  --container-max: 1100px;

  /* ── Button — understated confidence ── */
  --btn-radius:         2px;
  --btn-padding:        0.875rem 2.5rem;
  --btn-letter-spacing: 0.15em;
  --btn-transform:      uppercase;
  --btn-weight:         500;

  /* ── Motion — smooth, deliberate ── */
  --ease-default:  cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 200ms;
  --duration-base: 450ms;
  --duration-slow: 800ms;

  --divider-style: thin-accent;
}

.dark {
  --color-surface:    #0f172a;
  --color-surface-2:  #1e293b;
  --color-text:       #f8fafc;
  --color-text-muted: #94a3b8;
  --color-border:     rgba(245,158,11,0.15);
  /* gold (#f59e0b) on dark navy = classic luxury pairing ✅ */
}