:root {
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;

  /* Brand palette */
  --color-primary: #4dff75;
  --color-primary-dark: #1a8f3c;

  /* Neutral palette */
  --color-neutral-950: #080c09;
  --color-neutral-900: #101711;
  --color-neutral-700: #263a2b;
  --color-neutral-500: #577b5d;
  --color-neutral-300: #83ad89;
  --color-neutral-100: #b7e6bc;

  /* Semantic roles */
  --color-surface-page: var(--color-neutral-950);
  --color-text: var(--color-neutral-100);
  --color-text-strong: var(--color-primary);
  --color-text-muted: var(--color-neutral-300);
  --color-text-dim: var(--color-neutral-500);
  --color-interactive: var(--color-primary);
  --color-interactive-hover: var(--color-text);
  --color-decoration: var(--color-primary);
  --color-shadow-brand: var(--color-primary-dark);
}