:root {
  /* Colors */
  --clr-no-color: transparent;
  --clr-primary: #3498db;
  --clr-secondary: #2ecc71;
  --clr-accent: #e74c3c;
  --clr-neutral-100: #ffffff;
  --clr-neutral-200: #f4f4f4;
  --clr-neutral-800: #333333;
  --clr-neutral-900: #1a1a1a;

  /* Typography */
  --fs-body: 1rem;
  --fs-h1: 2.5rem;
  --fs-h2: 2rem;
  --fs-h3: 1.5rem;
  --fs-small: 0.875rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /* Spacing */
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  /* Borders & Shadows */
  --br-radius: 8px;
  --br-radius-round: 100px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  --shadow-md: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);

  /* Container */
  --container-max-width: 1200px;
  --container-min-width: 600px;
}