/* Design tokens — matches the brain UI aesthetic.
   Dark navy base, soft accent glows (Fireflies palette),
   warm sunrise on panels, purple for dream/memory markers. */

:root {
  /* Surfaces */
  --bg-deep:     #0a0e1a;
  --bg-soft:     #141926;
  --bg-card:     #1b2133;
  --bg-elev:     #232a40;

  /* Ink */
  --ink-primary:   #e8ebf2;
  --ink-secondary: #a4adc2;
  --ink-quiet:     #6b758f;

  /* Accents — the Fireflies palette */
  --accent-glow:   #6bbfff;   /* soft blue — like a node */
  --accent-warm:   #e8a55c;   /* sunrise — warmth */
  --accent-memory: #9d7fe8;   /* purple — dream marker */
  --accent-green:  #7fe89d;   /* edge-alive */

  /* Connections */
  --edge-faint:   rgba(107, 191, 255, 0.15);
  --edge-soft:    rgba(107, 191, 255, 0.35);
  --edge-strong:  rgba(107, 191, 255, 0.7);

  /* Glows */
  --glow-blue:    0 0 24px rgba(107, 191, 255, 0.3);
  --glow-warm:    0 0 32px rgba(232, 165, 92, 0.25);

  /* Typography — system stack for now; can refine to a Google Font later */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Manrope', 'Avenir Next', Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* Spacing scale (4px base) */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Radii */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  32px;

  /* Content width */
  --content-max:  68rem;
  --reading-max:  38rem;

  /* Transitions */
  --t-fast:   120ms ease;
  --t-medium: 280ms ease;
  --t-slow:   600ms ease;
}

/* Product name — rendered everywhere the [data-name] attribute appears.
   Locked in 2026-04-21: Kit is the name. */
:root {
  --product-name: 'Kit';
}