/* Joyride design tokens. Single source of truth for color, type, radius, motion. */
:root {
  /* Brand */
  --blue: #2455d6;
  --blue-ink: #1b45b8;
  --blue-soft: #e8eeff;
  --blue-deep: #071b57;

  /* Surfaces and ink (marketing, light) */
  --paper: #f4f4f1;
  --paper-2: #ffffff;
  --paper-3: #ebebe6;
  --ink: #0a1740;
  --ink-2: #3b4664;
  --ink-3: #69738b;
  --line: rgba(16, 17, 20, 0.10);
  --line-strong: rgba(16, 17, 20, 0.18);

  /* Pastel data palette (Artificial Analysis spirit) */
  --p1: #f6b8a2; /* peach */
  --p2: #b9b7f2; /* lavender */
  --p3: #a9e2c9; /* mint */
  --p4: #a8d4f5; /* sky */
  --p5: #f39a9a; /* coral */
  --p6: #f5dd8f; /* butter */
  --p7: #d9b8f0; /* lilac */
  --p8: #c5d6a4; /* sage */
  --ai: var(--p2);
  --human: var(--p6);
  --mixed: var(--p3);

  /* Type */
  --font-sans: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  /* Radius */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 700ms;
  --dur-slow: 1400ms;

  /* Layout */
  --max: 1200px;
  --gutter: 24px;

  /* App */
  --app-bg: #fbfbfa;
  --app-side: #f3f2ee;
  --app-card: #ffffff;
}

:root[data-theme="dark"] {
  --paper: #0f1013;
  --paper-2: #16171b;
  --paper-3: #1d1e23;
  --ink: #f2f2f0;
  --ink-2: #b8b9bd;
  --ink-3: #7c7e86;
  --line: rgba(255, 255, 255, 0.10);
  --line-strong: rgba(255, 255, 255, 0.18);
  --blue-soft: #1a2352;
  --app-bg: #0f1013;
  --app-side: #131418;
  --app-card: #16171b;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 1ms; --dur-slow: 1ms; }
}