/**
 * @vectoryze/design — canonical design tokens (single source of truth).
 *
 * Framework-agnostic CSS custom properties consumed by every Vectoryze UI
 * surface (the Next.js demos app and the static landing page). Colors only —
 * fonts are a typeface CONTRACT (Inter body / Sora headings) bound per app to
 * the --font-head / --font-body variable names; see README.md. Do not add
 * font-family values here.
 *
 * Light / professional palette. Verify ≥4.5:1 contrast for text uses.
 */
:root {
  --bg: #ffffff;
  --bg2: #f6f8fa;
  --bg3: #eef2f6;
  --surface: #ffffff;
  --edge: rgba(15, 23, 42, 0.08);
  --edge-bright: rgba(15, 23, 42, 0.16);
  --accent: #0a6e64;
  --accent2: #1d4ed8;
  /* Soft accent tints — pill badges / icon chips on the light theme */
  --accent-soft: rgba(10, 110, 100, 0.08);
  --accent-edge: rgba(10, 110, 100, 0.24);
  --text: #0f172a;
  --muted: #475569;
  --muted2: #5b6676;
  /* Decorative surface tints (derived from --text / --accent) */
  --grid-line: rgba(15, 23, 42, 0.025);
  --glow: rgba(10, 110, 100, 0.06);
  --selection: rgba(10, 110, 100, 0.16);
}