/* ============================================================
   LINQURA · EFFECTS TOKENS — borders, radii, shadows, glows,
   motion. Source: Design System v2 §4.3, §5, §5.12
   ============================================================ */

:root {
  /* ---- Border radii ---- */
  --radius-sm: 8px;     /* Precision chips, ghost button, ticker pill (7–8px). */
  --radius-md: 14px;    /* Pipeline nodes, step cards, moat canvas frame. */
  --radius-lg: 18px;    /* Stat block (16px), product cards (18px). */
  --radius-stat: 16px;
  --radius-pill: 999px; /* Live ticker badge, moat pill labels. */

  /* ---- Border shorthands ---- */
  --bd-dark: 1px solid rgba(255, 255, 255, 0.09); /* @kind other */
  --bd-accent: 1px solid rgba(110, 231, 199, 0.28); /* @kind other */
  --bd-light: 1px solid #D9D9D9; /* @kind other */

  /* ---- Shadows & glows ---- */
  /* Primary CTA (default + hover) */
  --shadow-cta: 0 0 0 1px rgba(143, 240, 214, 0.4), 0 8px 30px -8px rgba(110, 231, 199, 0.55);
  --shadow-cta-hover: 0 0 0 1px rgba(143, 240, 214, 0.6), 0 14px 40px -8px rgba(110, 231, 199, 0.7);

  /* Dark card hover */
  --shadow-card-hover: 0 0 0 1px rgba(110, 231, 199, 0.28), 0 18px 50px -20px rgba(110, 231, 199, 0.5);
  /* Product card hover */
  --shadow-product-hover: 0 30px 80px -30px rgba(110, 231, 199, 0.45);
  /* Step card hover (light section — core teal, not bright) */
  --shadow-step-hover: 0 14px 40px -22px rgba(113, 179, 162, 0.7);

  /* Moat canvas inner glow */
  --shadow-moat-inset: 0 0 80px -30px rgba(110, 231, 199, 0.4) inset;

  /* Text shadows / glows */
  --text-glow-metric: 0 0 30px rgba(110, 231, 199, 0.3);  /* Stat numbers. */
  --text-glow-logo: 0 0 18px rgba(110, 231, 199, 0.5);    /* Logo wordmark. */
  --text-glow-arrow: 0 0 10px rgba(110, 231, 199, 0.7);   /* Pipeline arrows. */
  --text-glow-headline: 0 0 40px rgba(110, 231, 199, 0.25); /* Closing CTA headline. */

  /* Nav backdrop */
  --nav-bg: rgba(10, 15, 14, 0.72);
  --nav-blur: blur(14px); /* @kind other */

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --t-fast: 0.15s;       /* @kind other */ /* Nav link color. */
  --t-base: 0.18s;       /* @kind other */ /* Button transform. */
  --t-card: 0.25s;       /* @kind other */ /* Card border / shadow / transform. */
  --t-reveal: 0.8s;      /* @kind other */ /* Scroll reveal. */
  --reveal-shift: 22px;  /* @kind spacing */ /* Scroll reveal translateY start. */
  --count-up-dur: 1.3s;  /* @kind other */ /* Stat count-up. */

  /* Hover lifts */
  --lift-btn: -2px;     /* @kind spacing */
  --lift-card: -4px;    /* @kind spacing */
  --lift-product: -6px; /* @kind spacing */
  --lift-step: -3px;    /* @kind spacing */
}