/*
 * VoltRide visual tokens — copied from src/app/globals.css :root.
 * Do not replace with generic WB green. Tailwind utilities stay in the
 * Next.js app; this file is the packaged artifact stylesheet.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");

:root {
  color-scheme: light;

  --color-primary: #c6ff3d;
  --color-primary-foreground: #0e0f12;
  --color-accent: #ff5a36;
  --color-accent-foreground: #ffffff;

  --color-ink: #0e0f12;
  --color-ink-foreground: #f5f6f3;

  --color-background: #ffffff;
  --color-surface: #f5f6f3;
  --color-surface-alt: #eef0e7;

  --color-text: #14151a;
  --color-muted: #6b7280;
  --color-border: #e5e7eb;
  --color-border-dark: rgba(245, 246, 243, 0.14);

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;

  --font-heading: "Space Grotesk", Inter, sans-serif;
  --font-body: Inter, Arial, Helvetica, sans-serif;
}

body {
  background: var(--color-background);
  color: var(--color-text);
  font-family: var(--font-body), Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading), var(--font-body), sans-serif;
}

::selection {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
}