/* ══════════════════════════════════════════
   QURTÈN — Design Tokens
   ══════════════════════════════════════════ */

:root {
  /* ── Colors ──────────────────────────── */
  --clr-bg:          #FAF8F5;
  --clr-white:       #FFFFFF;
  --clr-bg-2:        #F6F6F4;
  --clr-bg-3:        #F2EFEA;
  --clr-text:        #2B2B2B;
  --clr-muted:       #6B6B6B;
  --clr-accent:      #B89A72;
  --clr-logo:        #465641;
  --clr-logo-border: #90A08A;

  /* ── Typography ──────────────────────── */
  --ff-display: 'Cormorant Garamond', Georgia, serif;
  --ff-body:    'Manrope', 'Inter', system-ui, sans-serif;

  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;

  /* ── Easing ──────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Duration ────────────────────────── */
  --dur-fast:  150ms;
  --dur-base:  300ms;
  --dur-slow:  600ms;
  --dur-xslow: 900ms;

  /* ── Layout ──────────────────────────── */
  --header-h: 72px;
  --container: 1440px;
}