/* TRQR marketing design tokens — extracted from Figma
   Source: figma.com/design/n0shwZWxNutCzVYgdkGciX/trqr  (Landing page_v1, node 2-1331)
   Extracted 2026-07-12.

   Typeface: every text node in the file is set in **Inter** (Medium for display,
   Regular for body, Semi Bold for emphasis). The file's older variable set still
   references Roboto (Heading/H1, Text/Regular) but no visible node uses it —
   Inter is the source of truth. Load Inter 400/500/600 wherever these tokens
   are used. */

:root {
  /* ---- color ---- */
  --lp-ink: #0a0a0a;               /* Color Scheme 1/Text — headings, chips, buttons */
  --lp-ink-55: rgba(10, 10, 10, 0.55);
  --lp-ink-50: rgba(10, 10, 10, 0.50); /* nav links */
  --lp-ink-45: rgba(10, 10, 10, 0.45); /* secondary/body text, taglines */
  --lp-ink-30: rgba(10, 10, 10, 0.30);
  --lp-ink-12: rgba(10, 10, 10, 0.12); /* borders, dividers, ring strokes */
  --lp-ink-08: rgba(10, 10, 10, 0.08); /* pill-chip border */
  --lp-ink-03: rgba(10, 10, 10, 0.03); /* feature-card wash */
  --lp-white: #ffffff;
  --lp-white-60: rgba(255, 255, 255, 0.6);  /* body text on dark */
  --lp-white-40: rgba(255, 255, 255, 0.4);  /* glass borders */
  --lp-white-16: rgba(255, 255, 255, 0.16); /* chip border on dark */
  --lp-acid: #d8ff62;              /* lime accent — live states, waveform, checks */
  --lp-glass-dark: rgba(51, 51, 51, 0.30);  /* + blur(50px), luminosity blend */
  --lp-glass-dark-tint: rgba(51, 51, 51, 0.10);
  --lp-glass-light: rgba(255, 255, 255, 0.72);
  --lp-blob-purple: #957fd8;       /* blurred glow ellipses behind cards */

  /* hero mesh + gradient headline (sampled from the rendered frame) */
  --lp-mesh-blue: #b9d4f1;
  --lp-mesh-lavender: #c9c0ec;
  --lp-mesh-violet: #b3a2e9;
  --lp-mesh-mist: #e3e9f7;
  --lp-grad-text: linear-gradient(92deg, #79a6f2 0%, #7f7ae0 55%, #6f58cc 100%);

  /* ---- type (family Inter; sizes/weights from Figma text styles) ---- */
  --lp-font: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lp-h1-size: 56px;  --lp-h1-line: 60px;  --lp-h1-track: -1.5px;  /* weight 500 */
  --lp-h2-size: 48px;  --lp-h2-line: 1.2;   --lp-h2-track: -1px;    /* weight 500 */
  --lp-h3-size: 28px;  --lp-h3-line: 1.3;                            /* list-item titles, 500 */
  --lp-card-title-size: 16px; --lp-card-title-track: -0.32px;        /* glass cards, 500 */
  --lp-body-lg: 20px;                                                /* closing paragraph */
  --lp-body: 18px;     --lp-body-line: 1.5;                          /* section body, 400 */
  --lp-text: 16px;                                                   /* Text Regular */
  --lp-small: 14px;                                                  /* nav, chips, 500 */
  --lp-tagline-size: 14px; --lp-tagline-track: 0.42px;               /* UPPERCASE, 400 */
  --lp-micro: 12px;    --lp-micro-track: 0.36px;                     /* UPPERCASE status rows */
  --lp-stat-size: 40px;                                              /* stat numbers, 500 */
  --lp-chip-lg: 20px;  --lp-chip-lg-line: 26px;                      /* language marquee chips */
  --lp-caption-size: 24px; --lp-caption-track: -0.48px;              /* live captions, 400 */

  /* ---- layout ---- */
  --lp-container: 1280px;          /* Container/container-large */
  --lp-pad-page: 64px;             /* Page Padding/padding-global */
  --lp-pad-section: 112px;         /* Section Padding/padding-section-large */
  --lp-divider: 1px;               /* Stroke/Divider Width */

  /* ---- radius ---- */
  --lp-r-card: 32px;               /* feature cards, glass windows */
  --lp-r-dark-section: 40px;       /* event-day control shell */
  --lp-r-item: 20px;               /* checklist glass items */
  --lp-r-pill: 9999px;             /* chips, buttons */

  /* ---- effects ---- */
  --lp-blur-glass: 50px;
  --lp-blur-overlay: 6px;
  --lp-blur-chip: 2px;
  --lp-glass-edge: inset 0 40px 5px -40px #1a1a1a, inset 0 -40px 5px -40px #1a1a1a;
  --lp-speaker-halo: 0 0 8px rgba(255, 255, 255, 0.4);
}