/* DXB design tokens — colors, type, spacing */
:root {
  --c-slate: #1B2A3A;
  --c-steel: #3A4A5C;
  --c-mid: #5A6878;
  --c-bronze: #B08A52;
  --c-bronze-lt: #D4B17A;
  --c-clay: #8C7A66;
  --c-cream: #F0EDE6;
  --c-cream-2: #F7F5F0;
  --c-cream-3: #E8E4DC;
  --c-charcoal: #2C2A26;
  --c-stone: #9A9088;
  --c-stone-2: #6A6058;
  --c-bone: #DDD8CC;
  --c-paper: #FFFFFF;
  --c-ink: #0C1520;
  --c-gold-accent: #C8A02E;

  --bg: var(--c-cream);
  --bg-raised: var(--c-cream-2);
  --bg-sunken: var(--c-cream-3);
  --bg-inverse: var(--c-slate);
  --bg-dark: var(--c-ink);

  --fg-1: var(--c-slate);
  --fg-2: var(--c-charcoal);
  --fg-3: var(--c-stone-2);
  --fg-4: var(--c-stone);
  --fg-on-dark: var(--c-cream);
  --fg-on-dark-2: #B8B3A8;
  --fg-muted-dark: #9FB0C0;

  --accent: var(--c-bronze);
  --accent-hover: var(--c-bronze-lt);
  --border: rgba(27, 42, 58, 0.14);
  --border-strong: rgba(27, 42, 58, 0.28);
  --border-on-dark: rgba(240, 237, 230, 0.18);

  --font-mark: "Kenao", "Bodoni Moda", "Didot", serif;
  --font-wordmark: "Montserrat", "Helvetica Neue", Arial, "Cairo", sans-serif;
  --font-display: "Special Gothic Condensed One", "Oswald", "Bebas Neue", "Cairo", sans-serif;
  --font-body: "Sansation", "Inter", -apple-system, "Tajawal", sans-serif;

  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-md: 18px;
  --fs-lg: 22px;
  --fs-xl: 28px;
  --fs-2xl: 36px;
  --fs-3xl: 48px;
  --fs-4xl: 64px;
  --fs-5xl: 84px;
  --fs-6xl: 108px;

  --section-pad-y: 120px;
  --section-pad-x: 56px;
  --nav-pad-y: 20px;
  --nav-pad-x: 56px;

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-base: 0.22s;
  --r-sm: 4px;
  --r-md: 8px;
}