/* ============================================================
   Omar Shoaib — shared tokens (linked from every page)
   Self-hosted fonts · palette · reset · focus ring
   ============================================================ */

/* Variable fonts, latin subset, served from this origin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/assets/fonts/sora-var.woff2?v=20260905') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('/assets/fonts/inter-var.woff2?v=20260905') format('woff2');
}

:root {
  --bg: #0a0e14;
  --bg-2: #0e131c;
  --bg-3: #131a26;
  --surface: rgba(255, 255, 255, 0.03);
  --border: rgba(255, 255, 255, 0.08);
  --border-gold: rgba(212, 175, 55, 0.35);
  --text: #e8eaef;
  --text-dim: #9aa3b2;
  --text-faint: #7a8494;
  --gold: #d4af37;
  --gold-bright: #f0c94f;
  --gold-dim: rgba(212, 175, 55, 0.12);
  --font-display: 'Sora', sans-serif;
  --font-body: 'Inter', sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

::selection { background: var(--gold); color: #0a0e14; }

:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
  border-radius: 4px;
}

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}