:root {
  /* Colors */

  --color-background: #f7f7f7;

  --color-surface: #ffffff;

  --color-text: #111111;

  --color-border: #111111;

  --color-yellow: #ffd84d;

  --color-blue: #4d7cfe;

  --color-green: #55d16a;

  --color-red: #ff5d5d;

  --color-gray: #efefef;

  /* Typography */

  --font-heading: "Space Grotesk", sans-serif;

  --font-body: "Inter", sans-serif;

  /* Layout */

  --container-width: 1320px;

  --section-space: 120px;

  --content-space: 32px;

  /* Border */

  --border: 4px solid var(--color-border);

  --radius: 10px;

  --shadow: 8px 8px 0 var(--color-border);

  /* Transition */

  --transition: 250ms ease;
}