/* ─────────────────────────────────────────────────────────────
   ALAMIR LABS — DESIGN TOKENS
   Direction: calm, engineered, dark. Deliberately NOT neon.
   photon-bounce uses orbs + glow + ambient music. We use
   restraint — it reads as "this person ships" rather than
   "this person bought a shader pack."
   ───────────────────────────────────────────────────────────── */

:root {
  /* ── Surfaces ── */
  --bg:            #08090c;
  --bg-raised:     #0e1015;
  --bg-card:       #12141b;
  --bg-card-hover: #171a23;
  --hairline:      #1e2230;
  --hairline-soft: #171a24;

  /* ── Text ── */
  --text:          #e8eaf0;
  --text-strong:   #ffffff;
  --text-muted:    #97a0b5;
  --text-dim:      #7b8299;
  --text-faint:    #5d6478;

  /* ── Accent: one restrained blue. One accent only, on purpose. ── */
  --accent:        #4da3ff;
  --accent-bright: #7ec0ff;
  --accent-dim:    rgba(77, 163, 255, 0.14);
  --accent-line:   rgba(77, 163, 255, 0.32);

  /* ── Status signals — used sparingly ── */
  --live:          #3ddc97;
  --live-dim:      rgba(61, 220, 151, 0.13);
  --warn:          #ffb454;

  /* ── Type ── */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  --fs-hero:   clamp(2.4rem, 5.6vw, 4.2rem);
  --fs-h2:     clamp(1.7rem, 3.2vw, 2.5rem);
  --fs-h3:     clamp(1.1rem, 1.8vw, 1.35rem);
  --fs-body:   clamp(1rem, 1.15vw, 1.08rem);
  --fs-small:  0.9rem;
  --fs-micro:  0.775rem;

  /* ── Rhythm ── */
  --gap-xs: 8px;
  --gap-sm: 16px;
  --gap-md: 28px;
  --gap-lg: 56px;
  --gap-xl: 104px;

  --radius:      14px;
  --radius-sm:   9px;
  --radius-pill: 999px;

  /* Content container: min(94%, 1500px). Backgrounds stay full-bleed;
     only content is constrained, so wide monitors get intentional
     breathing room while the artwork still spans the screen. */
  --maxw: 1500px;
  --gutter: 6%;
  --nav-h: 74px;

  --ease: cubic-bezier(0.22, 0.68, 0.36, 1);
}