:root {
  --kibo-red: #f13533;
  --kibo-red-dark: #d82528;
  --kibo-ink: #111316;
  --kibo-ink-soft: #4f5359;
  --kibo-paper: #f7f5f1;
  --kibo-line: #dddcd8;

  --color-primary: var(--kibo-red);
  --color-primary-contrast: #fff;
  --color-primary-dark-1: var(--kibo-red-dark);
  --color-primary-dark-2: #bd1f23;
  --color-primary-dark-3: #a91c20;
  --color-primary-dark-4: #94191c;
  --color-primary-light-1: #f34f4d;
  --color-primary-light-2: #f56866;
  --color-primary-light-3: #f78180;
  --color-primary-light-4: #f9aaa9;
  --color-primary-light-5: #fbc5c4;
  --color-primary-light-6: #fde2e1;
  --color-primary-light-7: #fff1f1;
  --color-primary-alpha-10: #f1353319;
  --color-primary-alpha-20: #f1353333;
  --color-primary-alpha-30: #f135334c;
  --color-primary-alpha-40: #f1353366;
  --color-primary-alpha-50: #f1353380;
  --color-primary-alpha-60: #f1353399;
  --color-primary-alpha-70: #f13533b3;
  --color-primary-alpha-80: #f13533cc;
  --color-primary-alpha-90: #f13533e6;
  --color-primary-hover: var(--kibo-red-dark);
  --color-primary-active: #bd1f23;
}

@media (prefers-color-scheme: light) {
  :root {
    --color-body: var(--kibo-paper);
    --color-header-wrapper: #fff;
    --color-nav-bg: #fff;
    --color-footer: #efede8;
    --color-text-dark: var(--kibo-ink);
    --color-text: var(--kibo-ink);
    --color-text-light: var(--kibo-ink-soft);
    --color-input-background: #fff;
    --color-card: #fff;
    --color-box-body: #fff;
    --color-box-header: #efede8;
    --color-secondary: var(--kibo-line);
  }
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-content.home .logo {
  filter: none;
  border-radius: 1rem;
}