/* ============================================================================
 * Goldeneye design tokens (UW0) — one source of truth for color/type/spacing
 * across the consumer app, the share landing page, and the glasses HUD, so the
 * surfaces evolve in lockstep. Link with: <link rel="stylesheet" href="/shared/tokens.css">
 * ========================================================================== */
:root{
  /* color */
  --bg:#0a0d0c; --panel:#101513; --line:#1d2723;
  --phos:#41ffb3; --phos-dim:#1f7a59; --amber:#ffcf66; --rose:#ff6f8d; --blue:#7fd4ff;
  --ink:#d7e4dd; --ink-dim:#9bafa5; --gold:#ffd75e;   /* --ink-dim raised for WCAG AA */
  /* type */
  --mono:'SF Mono',ui-monospace,'Cascadia Code',Menlo,monospace;
  --han:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  /* spacing / radius */
  --r-sm:7px; --r-md:10px; --r-lg:14px;
  --sp-1:6px; --sp-2:10px; --sp-3:14px; --sp-4:18px;
}

/* shared primitives (opt-in: add the classes where useful) */
.ge-btn{font-family:var(--han);font-size:14px;border-radius:var(--r-md);border:1px solid var(--line);
  background:#121916;color:var(--ink);padding:11px 18px;cursor:pointer;transition:.15s;letter-spacing:.5px}
.ge-btn:hover{border-color:var(--phos-dim);color:var(--phos)}
.ge-btn-primary{background:linear-gradient(180deg,#1c3d31,#143026);border-color:var(--phos-dim);color:var(--phos);font-weight:600}
.ge-focus:focus-visible{outline:2px solid var(--phos);outline-offset:2px}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}