:root {
  /* Main Colors */
  --color-primary: #272A34;
  --color-secondary: #E36167;

  /* Semantic Colors */
  --color-info: #3B82F6;
  --color-warning: #FBBF24;
  --color-error: #EF4444;
  --color-success: #10B981;

  /* Text Colors */
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #4B4B4B;

  /* Backgrounds */
  --color-bg-primary: #FCFBF7;
  --color-bg-alt: #F7F5EB;
  --color-overlay: rgba(0, 0, 0, 0.5);

  /* Surfaces */
  --color-surface-primary: #FFFFFF;
  --color-surface-alt: #F9F8F2;

  /* Greys */
  --grey-light: #F7F7F7;
  --grey-soft: #E1E1E1;
  --grey-neutral: #B3B3B3;
  --grey-dark: #6F6F6F;

  /* White & Black */
  --color-white: #FFFFFF;
  --color-black: #1A1A1A;

  /* Spacing Scale (Linear: y = x + 8) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
}