:root {
  /* Color tokens */
  --color-primary: rgb(34, 34, 34);
  --color-primary-soft: rgba(34, 34, 34, 0.2);
  --color-accent: rgb(224, 237, 238);
  --color-panel: rgb(138, 91, 123);
  --color-warm: rgb(255, 203, 164);

  /* Spacing tokens */
  --space-xxs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-xxl: 3rem;
  --space-xxxl: 4rem;

  /* Radius and transitions */
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-full: 999px;
  --transition-default: 0.25s ease-out;

  /* Layout tokens */
  --page-max-width: 900px;
}