:root {
  /* Brand colors */
  --color-background: #fff8f5;
  --color-surface: #fffdfc;
  --color-surface-soft: #fdf4fb;

  --color-text: #2d2328;
  --color-muted: #6f6268;

  --color-purple: #9657bf;
  --color-purple-dark: #744194;
  --color-purple-soft: rgba(150, 87, 191, 0.13);
  --color-purple-border: rgba(150, 87, 191, 0.3);

  --color-brown: #5d382f;
  --color-pink: #d884a5;
  --color-white: #ffffff;

  --color-facebook: #1877f2;
  --color-instagram: #e1306c;
  --color-tiktok: #111111;
  --color-email: #e85d4a;

  /* Fonts */
  --font-brand: "Allura", cursive;
  --font-body: "Quicksand", sans-serif;

  /* Sizing */
  --page-width: 760px;
  --content-width: 560px;

  /* Shape */
  --radius-small: 10px;
  --radius-medium: 18px;
  --radius-large: 28px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-soft:
    0 18px 45px rgba(53, 38, 47, 0.08);

  --shadow-card:
    0 20px 55px rgba(53, 38, 47, 0.12);

  --shadow-button:
    0 12px 25px rgba(67, 42, 60, 0.15);

  /* Motion */
  --transition-fast: 160ms ease;
  --transition-medium: 240ms ease;
}