@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root {
  --sb-primary: #2F8F5B;
  --sb-text: #000000;
  --sb-highlight-text: #1A1A1A;
  --sb-background-primary: #FFFFFF;
  --sb-background-secondary: #A4E0BC;
  --sb-button-primary: #1C5A3D;
  --sb-button-text: #FFFFFF;
  --sb-card: #F4F7F5;
  --sb-card-text: #0A0A0A;
  --sb-card-border-color: #E6ECE9;
  --sb-panel: #206E3A;
  --sb-panel-text: #FFFFFF;
  --sb-header: #CCDBD3;
  --sb-header-text: #0E2A22;
  --sb-nav-background: #27574B;
  --sb-nav-icon: #CCDBD3;
  --sb-nav-icon-active: #CCDBD3;
  --sb-shadow-color: #00000066;
  --sb-radius-sm: 6px;
  --sb-radius-md: 10px;
  --sb-radius-lg: 14px;
  --sb-card-border-size: 1px;
  --sb-shadow-size: 0px;
  --sb-shadow-blur: 0px;
  --sb-shadow: 0 0px 0px #00000066;
  --sb-font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sb-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sb-base-text: var(--sb-text);
  --sb-base-highlight-text: var(--sb-highlight-text);
}
body { background: var(--sb-background-primary); color: var(--sb-text); font-family: var(--sb-font-body); }
h1, h2, h3, h4 { font-family: var(--sb-font-display); }