:root {
  --theme-color-primary: #fb6b47;
  --theme-color-secondary: #abcd52;
  --theme-color-accent: #5bc4db;
  --theme-color-warning: #ffcc00;
  --theme-color-purple: #8e67b6;
  --theme-color-blue: #0064a3;
  --theme-color-background: #edf6f8;
  --theme-color-surface: #ffffff;
  --theme-color-surface-soft: #f8fbfc;
  --theme-color-text: #434a54;
  --theme-color-muted: #7f8a8e;
  --theme-font-heading: "Londrina Solid", "Trebuchet MS", system-ui, sans-serif;
  --theme-font-body: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --theme-radius: 8px;
  --theme-spacing-unit: 8px;
  --theme-container-width: 1180px;
  --theme-header-background: #ffffff;
  --theme-header-text: #434a54;
  --theme-footer-background: #434a54;
  --theme-footer-text: #ffffff;
  --theme-border-color: #d9eef3;
  --theme-shadow-soft: 0 12px 28px rgba(67, 74, 84, 0.10);
  --theme-button-style: solid;
}

body {
  font-family: var(--theme-font-body);
  color: var(--theme-color-text);
  background: var(--theme-color-background);
}

h1,
h2,
h3,
h4 {
  font-family: var(--theme-font-heading);
  color: var(--theme-color-text);
  letter-spacing: 0;
}

.container,
.theme-container {
  max-width: var(--theme-container-width);
}

.site-header {
  background: var(--theme-header-background);
  color: var(--theme-header-text);
}

.site-footer {
  background: var(--theme-footer-background);
  color: var(--theme-footer-text);
}