:root {

  /* COLORS */ 

  --color-primary: #c94555;
  --color-text: #292929;
  --color-text-muted: #909090;
  --color-background: #f7f7f7;

  --color-surface-glass-light: rgba(245, 245, 245, 0.75);
  --color-surface-glass-dark: rgba(50, 50, 50, 0.45);

  /* ----- */

  /* TYPOGRAPHY */

  --ff-main: 'Poppins', sans-serif;

  --fs-h1: clamp(1.6rem, 3.5vw, 3.5rem);
  --fs-h2: clamp(0.9rem, 1.5vw, 2rem);

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ----- */

  /* BORDER RADUIS */

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 16px;
  --radius-pill: 9999px;

  /* ----- */

  /* SHADOWS */

  --shadow-sm: 0px 0px 10px rgba(128, 128, 128, 0.5);
  --shadow-md: 0px 0px 15px rgb(64, 64, 64, .55);
  --shadow-lg: 0px 0px 20px rgb(0, 0, 0, .95);

  /* ----- */

  /* TRANSITIONS */

  --transition-fast: .2s ease;
  --transition-main: .5s ease;
  --transition-slow: .8s ease;

  /* ----- */

}