/* FlipFinder design tokens — dark theme, from the Claude Design prototype.
   Kept as CSS custom properties so there is no build step. */

:root {
  /* surfaces */
  --bg: #07080b;
  --panel: #0d0f14;
  --panel-2: #0a0b0f;
  --field: #0e1015;

  /* text */
  --text: #e9ebf1;
  --text-muted: #8b93a7;
  --text-dim: #5b6274;

  /* lines */
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.12);

  /* brand gradients */
  --grad-violet: linear-gradient(100deg, #7c5cff, #22d3ee);
  --grad-mint: linear-gradient(100deg, #2ee6a8, #22d3ee);
  --grad-hot: linear-gradient(100deg, #ff5c2b, #ff2d78);
  --violet: #7c5cff;
  --mint: #2ee6a8;
  --hot: #ff5c2b;

  /* type */
  --font-ui: "Archivo", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* spacing scale */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 20px;
  --s6: 26px;

  --radius: 0px;
}