/* Resolved from /design-tokens/core.json + light.json */
:root {
  --color-pine-950: #021f21;
  --color-pine-900: #03292b;
  --color-pine-800: #00393d;
  --color-lettuce-500: #9fe963;
  --color-gray-100: #f7fafc;
  --color-gray-500: #a0aec0;
  --color-gray-700: #4a5568;
  --color-white: #ffffff;
  --color-black: #000000;

  --bg-page: var(--color-pine-950);
  --bg-modal: var(--color-pine-900);
  --fg-default: var(--color-gray-100);
  --fg-muted: var(--color-gray-500);
  --accent: var(--color-lettuce-500);
  --accent-on: var(--color-pine-950);

  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --radius-lg: 8px;
  --radius-xl: 16px;
}