:root {
  --light-text-neutral-0: #faf6f2;
  --light-text-neutral-300: #cbced3;
  --light-text-neutral-400: #9facb1;
  --light-text-neutral-500: #566972;
  --light-text-neutral-600: #002820;

  --light-surface-neutral-0: #ffffff;
  --light-surface-neutral-100: #fbfbfc;
  --light-surface-neutral-200: #f1f5f8;

  --light-surface-primary-100: #f1fff6;
  --light-surface-primary-200: #d7f6e2;
  --light-surface-primary-300: #36c665;
  --light-surface-primary-400: #205934;
  --light-surface-primary-500: #002820;
  /* --light-surface-primary-600: #6ef09c;
  --light-surface-primary-700: #9ffabf; */

  --light-elements-neutral-0: #ffffff;
  --light-elements-neutral-300: #cbced3;
  --light-elements-neutral-500: #566972;
  --light-elements-neutral-600: #002820;

  --light-text-accent-300: #36c665;
  --light-text-accent-400: #205934;

  --light-element-accent-300: #36c665;
  --light-element-accent-400: #205934;

  --grain: #ffffff;
  --card-border-radius: 4px;
  --image-border-radius: 8px;
  --letter-spacing: normal;
  --title-letter-spacing: normal;
}