:root {
  --baytax-ink: #1a312a;
  --baytax-night: #1a312a;
  --baytax-slate: #4ce5a5;
  --baytax-text: #1a312a;
  --baytax-muted: #5b897a;
  --baytax-border: #e2e8f0;
  --baytax-surface: #ffffff;
  --baytax-surface-alt: #eff4f2;
  --baytax-primary: #4ce5a5;
  --baytax-accent: #4ce5a5;
  --baytax-accent-strong: #1a312a;
  --baytax-warm: #f59e0b;
  --baytax-success: #16a34a;
  --baytax-danger: #dc2626;
  --baytax-on-dark: #ffffff;
  --baytax-on-dark-muted: rgba(255, 255, 255, 0.82);
  --baytax-shadow: 0 18px 40px rgba(26, 49, 42, 0.08);
  --baytax-shadow-sm: 0 1px 2px rgba(26, 49, 42, 0.05), 0 10px 24px rgba(26, 49, 42, 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(76, 229, 165, 0.24);
  --mud-palette-primary: #4ce5a5;
  --mud-palette-primary-rgb: 76, 229, 165;
  --mud-palette-secondary: #1a312a;
  --mud-palette-secondary-rgb: 26, 49, 42;
  --mud-palette-tertiary: #c7e9db;
  --mud-palette-tertiary-rgb: 199, 233, 219;
  --mud-palette-info: #4ce5a5;
  --mud-palette-success: #16a34a;
  --mud-palette-warning: #f59e0b;
  --mud-palette-error: #dc2626;
  --mud-palette-dark: #1a312a;
  --mud-palette-dark-rgb: 26, 49, 42;
  --mud-palette-text-primary: #1a312a;
  --mud-palette-text-secondary: #5b897a;
  --mud-palette-background: #f4f8f6;
  --mud-palette-background-gray: #eff4f2;
  --mud-palette-surface: #ffffff;
  --mud-palette-drawer-background: #1a312a;
  --mud-palette-drawer-text: rgba(255, 255, 255, 0.88);
  --mud-palette-drawer-icon: #4ce5a5;
  --mud-palette-appbar-background: rgba(255, 255, 255, 0.94);
  --mud-palette-appbar-text: #1a312a;
  --mud-palette-lines-default: #e2e8f0;
  --mud-palette-lines-inputs: #d9e5de;
  --mud-palette-table-lines: #e2e8f0;
  --mud-palette-table-striped: rgba(76, 229, 165, 0.05);
  --mud-default-borderradius: 14px;
}

*,
*::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%, var(--baytax-surface-alt) 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);
}