:root {
  --ink: #12201e;
  --muted: #647471;
  --line: #dce6e2;
  --line-strong: #c5d4cf;
  --surface: #ffffff;
  --surface-soft: #f4f8f6;
  --surface-green: #eaf6f1;
  --teal-950: #032d2a;
  --teal-900: #063f3a;
  --teal-800: #07544c;
  --teal-700: #0a695e;
  --teal-600: #0c806f;
  --green-500: #37b985;
  --green-400: #54d6a4;
  --lime-400: #a6d43a;
  --amber-500: #e88719;
  --red-500: #cf4c4c;
  --blue-500: #3e78d6;
  --shadow-sm: 0 4px 14px rgba(5,56,51,.07);
  --shadow-md: 0 16px 42px rgba(5,56,51,.12);
  --shadow-lg: 0 28px 80px rgba(3,45,42,.2);
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --page: min(1480px, calc(100% - 40px));
  --header-h: 126px;
}
@media (max-width: 760px) {
  :root { --page: calc(100% - 24px); --header-h: 78px; }
}