@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root {
  --sb-primary: #128FF9;
  --sb-text: #000000;
  --sb-highlight-text: #000000;
  --sb-background-primary: #FFFFFF;
  --sb-background-secondary: #F5F5F5;
  --sb-button-primary: #128FF9;
  --sb-button-text: #000000;
  --sb-card: #FFFFFF;
  --sb-card-text: #000000;
  --sb-card-border-color: #128FF9;
  --sb-panel: #FFFFFF;
  --sb-panel-text: #000000;
  --sb-header: #FFFFFF;
  --sb-header-text: #000000;
  --sb-nav-background: #128FF9;
  --sb-nav-icon: #000000;
  --sb-nav-icon-active: #000000;
  --sb-shadow-color: #00000026;
  --sb-radius-sm: 0px;
  --sb-radius-md: 0px;
  --sb-radius-lg: 0px;
  --sb-card-border-size: 1px;
  --sb-shadow-size: 0px;
  --sb-shadow-blur: 0px;
  --sb-shadow: 0 0px 0px #00000026;
  --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); }