/* Global design tokens: colors, spacing, type scale, layout. */

:root {
  /* Brand / accent palette (green) */
  --color-accent: #2fb85a;
  --color-accent-strong: #1f9a47;
  --color-accent-soft: #12331e;
  --color-accent-ink: #b8f0c9;

  /* Neutrals (dark theme) */
  --color-bg: #17191b;
  --color-surface: #1c1f22;
  --color-surface-2: #23272b;
  --color-text: #f2f4f2;
  --color-text-muted: #9aa6a0;
  --color-border: #2e3338;

  /* Type */
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-base: 1rem;
  --fs-sm: 0.9rem;
  --fs-xs: 0.8rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.5rem;
  --fs-3xl: 3.25rem;
  --lh-tight: 1.15;
  --lh-normal: 1.6;

  /* Spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  /* Layout */
  --container: 72rem;
  --radius: 0;

  /* Motion */
  --ease: cubic-bezier(0.25, 0.6, 0.3, 1);
}