:root {
  --baytax-ink: #192338;
  --baytax-night: #1e2e4f;
  --baytax-slate: #31487a;
  --baytax-text: #192338;
  --baytax-muted: #51627f;
  --baytax-border: #c8d3e6;
  --baytax-surface: #ffffff;
  --baytax-surface-alt: #d9e1f1;
  --baytax-primary: #31487a;
  --baytax-accent: #31487a;
  --baytax-accent-strong: #1e2e4f;
  --baytax-warm: #f59e0b;
  --baytax-success: #16a34a;
  --baytax-danger: #dc2626;
  --baytax-on-dark: #ffffff;
  --baytax-on-dark-muted: rgba(255, 255, 255, 0.78);
  --baytax-shadow: 0 18px 40px rgba(17, 24, 39, 0.08);
  --baytax-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.05), 0 10px 24px rgba(17, 24, 39, 0.06);
  --baytax-radius-lg: 18px;
  --baytax-radius-md: 14px;
  --baytax-radius-sm: 10px;
  --baytax-max-width: 1180px;
  --baytax-section-pad: 88px;
  --baytax-ring: 0 0 0 4px rgba(143, 179, 226, 0.24);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  color: var(--baytax-text);
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
  line-height: 1.6;
}

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

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

a:hover,
a:focus-visible {
  color: var(--baytax-accent);
}