/**
 * LemmaTek brand tokens — verbatim from docs/BRAND_TOKENS_2026-07-25.md
 * Shared by desktop Wave 2 and mobile v2. Do not invent values.
 */
:root {
  --q-surface: #08090c;
  --q-surface-2: #0d0f14;
  --q-card: #10131a;
  --q-app-bg: #050608;
  --q-app-card: #0d1117;
  --q-line: #1c212b;
  --q-line-bright: #2a313e;
  --q-app-line: #1e293b;
  --q-text-primary: #eef1f6;
  --q-text-muted: #9aa4b4;
  --q-text-faint: #5a6474;
  --q-app-ink: #e2e8f0;
  --q-app-dim: #64748b;
  --q-accent: #ff7a2f;
  --q-accent-soft: #ffb37f;
  --q-data: #37e0c8;
  --q-ok: #10b981;
  --q-ok-soft: #6ee7b7;
  --q-score: #10b981;
  --q-score-soft: #5eead4;
  --q-positive: #10b981; /* MARKET ONLY */
  --q-negative: #ef4444; /* MARKET ONLY */
  --q-warn: #ffb37f;
  --q-danger: #ef4444;
  --q-cyan: #00bcd4;

  --q-font: "Space Grotesk", system-ui, sans-serif;
  --q-mono: "JetBrains Mono", ui-monospace, monospace;

  --q-type-xs: 11px;
  --q-type-sm: 13px;
  --q-type-md: 15px;
  --q-type-lg: 18px;
  --q-type-hero: clamp(22px, 6vw, 28px);

  --q-space-1: 4px;
  --q-space-2: 8px;
  --q-space-3: 12px;
  --q-space-4: 16px;
  --q-space-5: 24px;
  --q-space-6: 32px;

  --q-radius-sm: 5px;
  --q-radius-md: 9px;
  --q-radius-lg: 12px;
  --q-radius-pill: 100px;

  --q-touch: 44px;
  --q-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --q-dur: 180ms;

  /* ─── FINISH LAYER (BRAND_TOKENS v2 · from lemmatek_com specimen) ───────
     The colors were extracted in v1; the SEXINESS lives here. Exact CSS from
     docs/brand/lemmatek_com_2026-07-25.html @ 4b043dc6. Do not invent. */
  --q-grad-card: linear-gradient(160deg, var(--q-card), #0a0c11);
  --q-grad-card-steep: linear-gradient(165deg, var(--q-card), #0a0c11);
  --q-grad-section: linear-gradient(90deg, var(--q-accent), transparent);
  --q-grad-section-cool: linear-gradient(90deg, var(--q-data), transparent);
  --q-grad-fill-up: linear-gradient(90deg, var(--q-score), var(--q-score-soft));
  --q-grad-fill-dn: linear-gradient(90deg, var(--q-negative), #ff9a9a);
  --q-grad-shimmer: linear-gradient(90deg, #161c28 25%, #232c3d 50%, #161c28 75%);

  --q-glow-brand: radial-gradient(circle, var(--q-accent), transparent 70%);
  --q-glow-data: radial-gradient(circle, var(--q-data), transparent 70%);
  --q-glow-blur: 90px;
  --q-glow-opacity: 0.24;
  --q-glow-cta: 0 6px 30px -8px var(--q-accent);
  --q-glow-cta-hover: 0 12px 40px -8px var(--q-accent);
  --q-glow-dot: 0 0 14px var(--q-accent);

  --q-sheen-line: linear-gradient(90deg, transparent, var(--q-accent), transparent);
  --q-elev-card: 0 40px 90px -40px rgba(0, 0, 0, 0.9);
  --q-elev-panel: 0 36px 90px -40px rgba(0, 0, 0, 0.9);
  --q-elev-deep: 0 60px 140px -40px rgba(0, 0, 0, 1);

  --q-grid-line: var(--q-line);
  --q-grid-size: 64px;
  --q-grid-mask: radial-gradient(circle at 70% 15%, #000 0%, transparent 60%);
  --q-grid-opacity: 0.5;

  --q-band-floor: 40; /* BAND FLOOR LAW — tracked history begins here */
}