/* velniq brand tokens — corporate identity palette.
   Product UIs (e.g. LayoutLock) keep their own design-system tokens;
   these are for velniq-branded surfaces: site, marketing, docs, decks. */
:root {
  /* Core brand */
  --velniq-mint:      #88F5CD;  /* gradient start (V top-left)   */
  --velniq-teal-mid:  #2DD5D1;  /* gradient midpoint             */
  --velniq-cyan:      #01AFB7;  /* gradient end (V bottom-right) */
  --velniq-teal:      #06CACB;  /* flat accent — i-dot colour    */

  /* Accessible teal ramp (text/links on light backgrounds) */
  --velniq-teal-700:  #0E8385;  /* 4.6:1 on white — AA text      */
  --velniq-teal-800:  #086265;  /* 7.1:1 on white — AAA text     */

  /* Neutrals */
  --velniq-ink:       #000000;  /* logo text on light            */
  --velniq-dark:      #0A0F14;  /* brand near-black background   */
  --velniq-grey-700:  #39424A;
  --velniq-grey-500:  #6E7A7A;
  --velniq-grey-300:  #C9D1D1;
  --velniq-grey-100:  #F2F5F5;
  --velniq-white:     #FFFFFF;

  /* Brand gradient (matches the V icon) */
  --velniq-gradient: linear-gradient(135deg,
      var(--velniq-mint) 0%,
      var(--velniq-teal-mid) 50%,
      var(--velniq-cyan) 100%);

  /* Typography (recommended pairing — wordmark itself is artwork, never retyped) */
  --velniq-font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --velniq-font-body:    "Manrope", system-ui, sans-serif;
  --velniq-font-mono:    "Martian Mono", ui-monospace, monospace;
}
