@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/*
 * RECLAIM DESIGN SYSTEM — TOKEN LAYER
 * ------------------------------------------------------------------
 * Official Reclaim design system values. Active dark-first brand theme,
 * Condensed Display/Mono typography, and sharp structural corners.
 */
:root {
  /* Brand colour — purple/magenta per the quote-card brief */
  --rc-purple-900: #1A0029;
  --rc-purple-700: #470060;
  --rc-purple-500: #7B1A8E;
  --rc-magenta-500: #D428D4;
  --rc-magenta-400: #EC6AED;

  /* Quote card gradient stops (canvas reads these) */
  --rc-card-grad-start: #470060;
  --rc-card-grad-end: #D428D4;

  /* Neutrals */
  --rc-ink: #FFFFFF;
  --rc-paper: #1A0029;
  --rc-surface: #2E004D;
  --rc-line: rgba(255, 255, 255, 0.10);
  --rc-muted: #B0A4BC;
  --rc-on-brand: #FFFFFF;

  /* Feedback */
  --rc-warn-bg: #3C2850;
  --rc-warn-ink: #F5A623;
  --rc-error-bg: #3C2850;
  --rc-error-ink: #E84040;

  /* Type — canvas reads --rc-font-display for the card */
  --rc-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --rc-font-body: "Barlow", "Arial", sans-serif;
  --rc-font-mono: "Space Mono", "Courier New", monospace;

  /* Shape and spacing */
  --rc-radius: 4px;
  --rc-radius-lg: 4px;
  --rc-space-1: 4px;
  --rc-space-2: 8px;
  --rc-space-3: 16px;
  --rc-space-4: 24px;
  --rc-space-5: 40px;

  /* Wordmark rendered on the quote card */
  --rc-wordmark: "FUSION PARTY";
}