/* =============================================================
 * AUTO-GENERATED: do not edit by hand.
 * Source: artifacts/nearlens-design-system/tokens.json
 * Regenerate: pnpm --filter @workspace/api-server run build:tokens
 *
 * All website templates must reference colours via var(--color-*).
 * Verify: pnpm --filter @workspace/api-server run lint:tokens
 * ============================================================= */

:root {
  /* ── Dark palette (generated from tokens.json) ──────────────────────── */
  --color-background: #020018;
  --color-foreground: #ffffff;
  --color-border: #1b1a2f;
  --color-card: #0a0830;
  --color-card-foreground: #ffffff;
  --color-popover: #0a0830;
  --color-popover-foreground: #ffffff;
  --color-primary: #4f1fff;
  --color-primary-foreground: #ffffff;
  --color-primary-light: #c4b5fd;
  --color-primary-light-foreground: #000000;
  --color-secondary: #0c0e3a;
  --color-secondary-foreground: #ffffff;
  --color-muted: #0c0e3a;
  --color-muted-foreground: #b3b3ba;
  --color-accent: #110646;
  --color-accent-foreground: #ffffff;
  --color-destructive: #d1335b;
  --color-destructive-foreground: #ffffff;
  --color-success: #71f6d2;
  --color-success-foreground: #000000;
  --color-warning: #b45309;
  --color-warning-foreground: #ffffff;
  --color-input: #1b1a2f;
  --color-ring: #4f1fff;
  --color-chart1: #7c5bfa;
  --color-chart2: #fcd34d;
  --color-chart3: #f5a3e0;
  --color-chart4: #fb923c;
  --color-chart5: #94a3b8;
  --color-sidebar: #0a0830;
  --color-sidebar-foreground: #b4b4bb;
  --color-sidebar-border: #1b1a2f;
  --color-sidebar-primary: #4f1fff;
  --color-sidebar-primary-foreground: #ffffff;
  --color-sidebar-accent: #110646;
  --color-sidebar-accent-foreground: #ffffff;
  --color-sidebar-ring: #4f1fff;

  /* ── Semantic aliases ────────────────────────────────────────────────── */
  --color-link: #d0cff2; /* link text on dark surfaces; no matching token today */

  /* ── Alpha derivatives (computed from token hex values above) ─────────
   * These stay hand-declared here (not generic per-key output) because
   * they're api-server-specific composites, not tokens.json values. If you
   * change a base token hex, these recompute automatically next run. */
  --color-nav-bg:         rgba(2, 0, 24, 0.8); /* .site-nav background      */
  --color-modal-overlay:  rgba(2, 0, 24, 0.88); /* video modal backdrop       */
  --color-nav-link-hover: rgba(17, 6, 70, 0.6); /* .nav-link:hover background */
  --color-qr-widget-bg:   rgba(10, 8, 48, 0.72); /* QR widget background       */
  --color-btn-shadow:     rgba(79, 31, 255, 0.45); /* primary button box-shadow  */
}