/**
 * Vective Design Tokens
 * Generated by automation/scripts/generate-tokens.js
 * Canonical source: CLAUDE.md Brand Kit section
 *
 * Usage:
 *   <link rel="stylesheet" href="https://vectiveai.com/brand/tokens/tokens.css">
 *   color: var(--vective-authority-cyan);
 */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&display=swap'); /* display */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); /* body */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap'); /* mono */

:root {
  /* Colors */
  --vective-authority-cyan: #0891B2;
  --vective-brand-cyan: #22D3EE;
  --vective-life-emerald: #059669;
  --vective-slate-deep: #0F172A;
  --vective-white: #FFFFFF;

  /* Typography */
  --vective-font-display: 'Space Grotesk', sans-serif;
  --vective-font-body: 'Inter', sans-serif;
  --vective-font-mono: 'JetBrains Mono', monospace;

  /* Assets */
  --vective-brand-base-url: 'https://vectiveai.com/brand';
}