/* Variables / Tokens */
:root {
  /* Colors */
  --theme-color: #bc0000;
  --secondary-color: #f9313b;
  --pink-color: pink;
  --violet-color: #bc0000;
  --crimson-color: #dc143c;
  --orange-color: orange;
  --text-color: #000;
  --title-color: #bc0000;
  --white: #ffffff;
  --black: #000000;
  --bg-light: #f5f5f5;
  --bg-gray: #f8f9fa;
  --border-color: #e5e5e5;

  /* Typography */
  --poppins: 'Poppins', sans-serif;
  --font-body: var(--poppins);
  --font-heading: var(--poppins);

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;
  --spacing-xxl: 8rem;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 50px;

  /* Transitions */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.3s ease-in-out;
  --transition-slow: 0.5s ease-in-out;
}