/*!
 * theme.css — Tactyle Touch's accent override
 * ============================================
 * The ONLY styling this site authors for its brand. Everything else
 * (neutrals, spacing, type scale, components) comes from assets/base.css,
 * copied verbatim from the shared design system.
 *
 * Tokens are the app's own: the icon + demo page use a #1A73E8 → #7C3AED
 * gradient (make_icon.py / demo/index.html), with green reserved for the
 * "it worked" moments (a click landing, a target snapped). Unlike MemBar's
 * light teal, #1A73E8 is dark enough that white text clears contrast on a
 * solid accent button, so --accent-fg stays the shared default white.
 */

:root {
  --accent: #1A73E8;   /* Tactyle blue — primary CTAs, links, kicker, focus ring */
  --accent-2: #7C3AED; /* violet — gradient partner (hero title, mesh glow, icon) */
  --accent-3: #10B981; /* green — success beats: click landed, target snapped */
  --accent-fg: #ffffff;
}