/* Full Circle AI — webfonts (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
/* Full Circle AI — color tokens. Light = :root default; dark via [data-theme="dark"] scope. */
:root {
  --fc-accent: #2456D6;     /* cobalt — arcs, waveform, stats, CTA bg */
  --fc-on-accent: #FFFFFF;
  --fc-bg: #FBFCFE;
  --fc-surface: #FFFFFF;    /* cards, header */
  --fc-line: #DCE4EF;       /* hairlines, panel borders */
  --fc-line-2: #C4D0E2;     /* secondary strokes, axes, outlined buttons */
  --fc-edge: #9DB4D9;       /* node-graph edges */
  --fc-text: #10233F;
  --fc-muted: #4A5D77;
  --fc-faint: #7286A1;      /* faint mono labels */
  --fc-dot: rgba(36, 86, 214, 0.09); /* dot-grid dot color */
}

[data-theme="dark"] {
  --fc-accent: #5CE1C6;     /* teal in dark mode */
  --fc-on-accent: #0B0F14;
  --fc-bg: #0B0F14;
  --fc-surface: rgba(13, 19, 26, 0.7);
  --fc-line: #1D2733;
  --fc-line-2: #2A3948;
  --fc-edge: #3A4F63;
  --fc-text: #E6EDF3;
  --fc-muted: #9FB0C1;
  --fc-faint: #5F7285;
  --fc-dot: rgba(92, 225, 198, 0.07);
}
/* Full Circle AI — type tokens */
:root {
  --fc-font-display: 'Space Grotesk', system-ui, sans-serif;
  --fc-font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --fc-size-hero: 3.2rem;       /* weight 700, letter-spacing -0.025em */
  --fc-size-stat: 1.9rem;       /* metric numerals, accent color */
  --fc-size-body: 1.08rem;      /* muted color, line-height 1.7 */
  --fc-size-micro: 0.72rem;     /* mono kickers, letter-spacing 0.2em */

  --fc-tracking-hero: -0.025em;
  --fc-tracking-micro: 0.2em;
  --fc-radius: 4px;             /* buttons; cards 6px */
  --fc-radius-card: 6px;

  /* dot grid: background-image radial-gradient(circle at 1px 1px, var(--fc-dot) 1px, transparent 1px); background-size 32px 32px */
}