:root {
  --neutral-50: #fafafa;
  --neutral-100: #f5f5f5;
  --neutral-200: #e5e5e5;
  --neutral-300: #d4d4d4;
  --neutral-400: #a3a3a3;
  --neutral-500: #737373;
  --neutral-600: #525252;
  --neutral-700: #404040;
  --neutral-800: #262626;
  --neutral-900: #171717;
  --neutral-950: #0a0a0a;

  /* Tailwind green palette */
  --green-50: #f0fdf4;
  --green-100: #dcfce7;
  --green-200: #bbf7d0;
  --green-300: #86efac;
  --green-400: #4ade80;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --green-700: #15803d;
  --green-800: #166534;
  --green-900: #14532d;
  --green-950: #052e16;

  --ring-color: var(--neutral-400);
  --primary: var(--green-500);
  --primary-foreground: var(--neutral-50);
  --secondary: var(--green-100);
  --secondary-foreground: var(--neutral-900);
  --accent: var(--green-100);
  --accent-foreground: var(--neutral-900);
  --destructive: #e40014;
  --destructive-foreground: var(--neutral-50);
  --radius: 0.625rem;
  --shadow-card: 0 10px 30px -20px rgba(0, 0, 0, 0.2);
  --shadow-none: none;

  --font-sans: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --surface: #ffffff; /* New York light background */

  --type-h1-size: 2.25rem;
  --type-h1-line: 2.5rem;
  --type-h1-weight: 800;
  --type-h1-letter: -0.02em;

  --type-h2-size: 1.875rem;
  --type-h2-line: 2.25rem;
  --type-h2-weight: 600;
  --type-h2-letter: -0.02em;

  --type-h3-size: 1.5rem;
  --type-h3-line: 2rem;
  --type-h3-weight: 600;
  --type-h3-letter: -0.02em;

  --type-h4-size: 1.25rem;
  --type-h4-line: 1.75rem;
  --type-h4-weight: 600;
  --type-h4-letter: -0.02em;

  --type-body-line: 1.75;
  --type-gap: 1.5rem;

  --type-lead-size: 1.25rem;
  --type-lead-line: 1.75rem;
  --type-lead-color: var(--neutral-600);

  --type-large-size: 1.125rem;
  --type-large-line: 1.75rem;
  --type-large-weight: 600;

  --type-small-size: 0.875rem;
  --type-small-line: 1.25rem;
  --type-small-weight: 500;

  --type-muted-color: var(--neutral-500);

  --container-padding: clamp(16px, 4vw, 32px);

  --section-pad-min: 48px;
  --section-pad-fluid: 6vw;
  --section-pad-max: 96px;

  --container-max: 1100px;
  --container-fluid: 90vw;

  --section-border-color: #8ec5ff;
  --container-border-color: #a7d6ff;
}