:root {
  --font-body: "DM Sans", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Manrope", var(--font-body);
  --ink-950: #092622;
  --ink-800: #173e39;
  --ink-600: #58736f;
  --ink-500: #76908c;
  --surface: #ffffff;
  --surface-soft: #f6faf8;
  --line: #e2ebe7;
  --green-900: #043b37;
  --green-800: #075149;
  --green-600: #0c9b68;
  --green-500: #14b87a;
  --green-100: #ddf7eb;
  --gold: #d9a83e;
  --shadow-sm: 0 6px 18px rgba(13, 48, 43, .055);
  --shadow-md: 0 16px 42px rgba(13, 48, 43, .09);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
}

body.app-body { margin: 0; background: #f5f8f7; color: var(--ink-950); font-family: var(--font-body); letter-spacing: -.01em; }
h1, h2, h3, strong { letter-spacing: -.025em; }
.material-symbols-rounded { font-family: "Material Symbols Rounded"; font-weight: normal; font-style: normal; font-size: 22px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-variation-settings: "FILL" 0, "wght" 450, "GRAD" 0, "opsz" 24; }
::selection { background: #bcebd7; color: var(--green-900); }
:focus-visible { outline: 3px solid rgba(20, 184, 122, .25); outline-offset: 2px; }