:root {
  --color-background: #fafafa;
  --color-surface: #ffffff;
  --color-text: #111827;
  --color-text-strong: #000000;
  --color-muted: #4b5563;
  --color-muted-light: #d1d5db;
  --color-border: #e5e7eb;
  --color-blue: #4353ff;
  --color-dark: #0f172a;
  --color-dark-card: #111827;
  --color-footer: #353443;

  --font-text: "Inter", "Segoe UI", Arial, sans-serif;
  --font-title: Georgia, "Times New Roman", serif;

  --container-width: 1168px;
  --section-space: 96px;
  --radius-card: 8px;
  --radius-pill: 999px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-background);
  color: var(--color-text);
  font-family: var(--font-text);
  line-height: 1.5;
}

img,
svg,
video {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border: 0;
  cursor: pointer;
  font: inherit;
}

ul,
ol {
  list-style: none;
}

p {
  color: var(--color-muted);
}

strong {
  color: var(--color-text-strong);
}