/* DUBAI ELITE — design tokens */
:root {
  --navy-950: #050816;
  --navy-900: #070b18;
  --navy-800: #0a1224;
  --navy-700: #101a33;
  --navy-600: #182544;
  --gold-100: #fff6d4;
  --gold-200: #f8e7a1;
  --gold-300: #e8c547;
  --gold-400: #d4af37;
  --gold-500: #c9a227;
  --gold-600: #a07c1a;
  --gold-700: #8a6a1f;
  --white: #f7f4ea;
  --white-dim: rgba(247, 244, 234, 0.72);
  --white-mute: rgba(247, 244, 234, 0.48);
  --line: rgba(212, 175, 55, 0.22);
  --line-strong: rgba(212, 175, 55, 0.45);
  --glass: rgba(10, 18, 36, 0.72);
  --glass-2: rgba(16, 26, 51, 0.55);
  --danger: #e05d5d;
  --ok: #3dce8a;
  --info: #5aa8ff;
  --warn: #e0b15d;
  --shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  --glow: 0 0 24px rgba(212, 175, 55, 0.35);
  --radius: 18px;
  --radius-sm: 12px;
  --nav-h: 78px;
  --sidebar: 268px;
  --font: "Outfit", system-ui, sans-serif;
  --serif: "Cinzel", "Times New Roman", serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; width: 100%; max-width: 100%; overflow-x: hidden; }
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  font-family: var(--font);
  background: var(--navy-950);
  color: var(--white);
  min-height: 100%;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font-family: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4 { font-weight: 600; letter-spacing: 0.02em; margin: 0 0 0.4em; }
p { margin: 0 0 1em; }

.gold-text {
  background: linear-gradient(90deg, #8a6a1f, #f8e7a1 35%, #d4af37 70%, #fff6d4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.serif { font-family: var(--serif); }
.muted { color: var(--white-mute); }
.dim { color: var(--white-dim); }

.container {
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}
.container-wide {
  width: min(1320px, calc(100% - 28px));
  margin-inline: auto;
}

.skip {
  position: absolute;
  left: -999px;
}
.skip:focus { left: 12px; top: 12px; background: #000; padding: 8px; z-index: 99; }