/* ============================================================
 * Noorix Design Tokens
 * Canonical CSS custom properties for the Noorix product family.
 * Served from https://noorix.io/assets/css/tokens.css
 *
 * Consumed by:
 *   - noorix.io                  (main site)
 *   - noorix.io/salamlink        (press kit)
 *   - salamlink.noorix.io        (product site)
 *
 * Sites may override individual tokens locally for sub-brand accents,
 * but additions should be discussed before they land here.
 * ============================================================ */

:root {
  /* ---------- The void / darkness ---------- */
  --void: #030305;
  --night: #0a0a10;
  --night-soft: #12121a;

  /* SalamLink uses a slightly warmer black; expose as alias */
  --bg: #0a0b0d;
  --bg-2: #0d0f12;
  --panel: #14171b;
  --panel-2: #191d22;

  /* ---------- Light surfaces ---------- */
  --cream: #F8F6F1;
  --cream-warm: #F4F1EA;
  --cream-dark: #EDE9E0;
  --warm-grey: #A8A299;
  --warm-grey-light: #D4D0C8;
  --muted: #9aa0a6;
  --faint: #6b7177;

  /* ---------- Ink ---------- */
  --ink: #1a1a1a;
  --charcoal: #2c2c2c;

  /* ---------- The nūr (parent brand accent) ---------- */
  --gold: #c9a227;
  --gold-bright: #e6c84a;
  --gold-pale: #f5e6a3;
  --gold-glow: rgba(201, 162, 39, 0.15);
  --gold-glow-strong: rgba(201, 162, 39, 0.22);

  /* ---------- SalamLink sub-brand accent ---------- */
  --emerald: #1B6B4A;
  --emerald-bright: #2a8f63;
  --green-deep: #0F3D2C;

  /* ---------- Lines / borders ---------- */
  --line: rgba(255, 255, 255, 0.10);
  --line-strong: rgba(255, 255, 255, 0.20);

  /* ---------- Typography ---------- */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-arabic: 'Amiri', serif;

  /* ---------- Spacing ---------- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;

  /* ---------- Layout ---------- */
  --maxw: 1200px;
  --radius: 18px;

  /* ---------- Motion ---------- */
  --transition: 0.3s ease-out;
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}