@import url("https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap");
:root {
  --sb-primary: #34A267;
  --sb-text: #15231C;
  --sb-highlight-text: #27774C;
  --sb-background-primary: #F8FBFA;
  --sb-background-secondary: #EAF5EF;
  --sb-button-primary: #34A267;
  --sb-button-text: #15231C;
  --sb-card: #EAF5EF;
  --sb-card-text: #15231C;
  --sb-card-border-color: #556D60;
  --sb-panel: #15231C;
  --sb-panel-text: #F8FBFA;
  --sb-header: #F8FBFA;
  --sb-header-text: #15231C;
  --sb-nav-background: #F8FBFA;
  --sb-nav-icon: #15231C;
  --sb-nav-icon-active: #27774C;
  --sb-shadow-color: #00000026;
  --sb-radius-sm: 10px;
  --sb-radius-md: 20px;
  --sb-radius-lg: 28px;
  --sb-card-border-size: 1px;
  --sb-shadow-size: 4px;
  --sb-shadow-blur: 16px;
  --sb-shadow: 0 4px 16px #00000026;
  --sb-font-display: "Fraunces", Georgia, "Times New Roman", 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); }