:root {
  /* Brand palette */
  --green-700: #61892f;
  --green-500: #86c232;
  --ink-950: #222629;
  --ink-800: #474b4f;
  --ink-600: #6b6e70;

  /* Legacy aliases → brand (keeps older class names working) */
  --purple-950: #16181a;
  --purple-900: var(--ink-950);
  --purple-850: #2a2e32;
  --purple-800: #31363a;
  --purple-700: var(--ink-800);
  --purple-600: var(--green-700);
  --purple-500: var(--green-500);
  --purple-400: #9fd14a;
  --purple-300: #b8db7a;
  --purple-100: #e4f0c9;
  --purple-50: #f3f8e8;

  --bg-white: #ffffff;
  --bg-light: #f4f5f5;
  --bg-muted: #eceeed;
  --bg-dark: var(--ink-950);
  --bg-dark-2: #2a2e32;

  --accent: var(--green-500);
  --accent-hover: var(--green-700);
  --accent-light: var(--purple-50);
  --accent-mid: var(--purple-100);
  --accent-glow: rgba(134, 194, 50, 0.28);

  --text-primary: var(--ink-950);
  --text-secondary: var(--ink-800);
  --text-muted: var(--ink-600);
  --text-on-dark: #ffffff;
  --text-on-dark-muted: #c4c7c9;

  --border: #d8dbdc;
  --border-dark: #3a3e42;

  --gradient-hero: linear-gradient(140deg, #f3f8e8 0%, #f4f5f5 45%, #e8efe0 100%);
  --gradient-dark: linear-gradient(140deg, #222629 0%, #353a3f 100%);
  --gradient-accent: linear-gradient(135deg, #86c232 0%, #61892f 100%);

  --shadow-xs: 0 1px 3px rgba(34, 38, 41, 0.06);
  --shadow-sm: 0 2px 8px rgba(34, 38, 41, 0.08);
  --shadow-md: 0 6px 24px rgba(34, 38, 41, 0.1);
  --shadow-lg: 0 16px 48px rgba(34, 38, 41, 0.14);
  --shadow-accent: 0 8px 28px rgba(97, 137, 47, 0.28);

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-full: 9999px;
  --radius-btn: 0;

  --font-sans: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --container: 1200px;
  --nav-h: 72px;

  --transition: 0.2s ease;
  --transition-slow: 0.55s cubic-bezier(0.4, 0, 0.2, 1);

  /* Soft section tints (no pink / purple) */
  --v0-pink: #86c232;
  --v0-lav: #eef3e6;
  --v0-peach: #f2f4f2;
  --v0-mint: #e8f2d8;
  --v0-sky: #ecefed;
  --v0-line: #d8dbdc;
  --v0-primary-soft: #eef6e0;
  --v0-ink: var(--ink-950);
  --v0-muted: var(--ink-600);

  --gradient-v0-hero: radial-gradient(1100px 520px at 80% -8%, rgba(134, 194, 50, 0.18) 0%, transparent 55%), linear-gradient(180deg, #f4f5f5 0%, #eef3e6 100%);
  --gradient-v0-section-a: linear-gradient(180deg, #fff 0%, #f4f5f5 100%);
  --gradient-v0-section-b: linear-gradient(180deg, #f4f5f5 0%, #eef3e6 100%);
  --gradient-v0-section-c: linear-gradient(180deg, #eef3e6 0%, #fff 100%);
  --shadow-v0-card: 0 10px 28px rgba(34, 38, 41, 0.06);
  --shadow-v0-card-sm: 0 8px 22px rgba(34, 38, 41, 0.05);

  --container-wide: 1240px;
}