/* tokens.css: Al Jazeera Gold Oman. Brand lifted from the existing site: near-black ground, gold #f7c65a.
   Dark only (theme lock). Sharp 2px radius system. Warm off-blacks, tinted shadows. */

:root {
  color-scheme: dark;

  --font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-ar: "Cairo", "Segoe UI", Tahoma, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-display: clamp(2.6rem, 5.4vw, 4.75rem);
  --fs-h2: clamp(2.1rem, 4vw, 3.4rem);
  --fs-h3: clamp(1.5rem, 2.2vw, 2rem);
  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --fs-small: 0.875rem;
  --tracking-display: -0.02em;
  --leading-display: 1.02;

  --bg: #0a0907;
  --bg-elevated: #12100c;
  --bg-muted: #1a1610;
  --text: #efe9dc;
  --text-muted: #a9a08d;
  --line: rgb(247 198 90 / 0.18);
  --accent: #f7c65a;
  --accent-light: #ffe29c;
  --accent-contrast: #16110a;
  --accent-soft: rgb(247 198 90 / 0.1);
  --scrim: linear-gradient(90deg, rgb(10 9 7 / 0.92) 0%, rgb(10 9 7 / 0.6) 45%, transparent 80%);
  --shadow: 0 1px 2px rgb(20 12 0 / 0.5), 0 24px 48px -20px rgb(20 12 0 / 0.8);
  --focus: 0 0 0 3px var(--bg), 0 0 0 5px var(--accent);

  --radius-card: 2px;
  --radius-input: 2px;
  --radius-button: 2px;

  --section-y: clamp(4.5rem, 9vw, 8rem);
  --gutter: clamp(1.1rem, 3vw, 2rem);
  --container: 1280px;
  --nav-h: 72px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur: 0.45s;

  --z-base: 1;
  --z-sticky: 20;
  --z-nav: 40;
  --z-overlay: 60;
  --z-grain: 80;
}