.project-detail-page {
  --color-primary-50: #fef2f2;
  --color-primary-100: #fee2e2;
  --color-primary-200: #fecaca;
  --color-primary-300: #fca5a5;
  --color-primary-400: #f87171;
  --color-primary-500: #dc2626;
  --color-primary-600: #b91c1c;
  --color-primary-700: #991b1b;
  --color-primary-800: #7f1d1d;
  --color-primary-900: #450a0a;

  --color-primary: var(--color-primary-500);
  --color-primary-on: #ffffff;
  --color-primary-container: #fee2e2;
  --color-primary-on-container: #450a0a;
  --color-primary-soft: #fee2e2;
  --color-primary-strong: #dc2626;
}