:root {
  --bg: #F4EBDD;
  --bg-soft: #F8F0E5;
  --card: #FBF6EE;
  --card-strong: #F5E8D8;
  --text: #223A62;
  --muted: #758097;
  --line: #E4D6C5;
  --terracotta: #B97054;
  --terracotta-soft: #D9B09B;
  --sage: #879977;
  --sage-soft: #CBD3C2;
  --blush: #D7A79B;
  --blush-soft: #E9D0C9;
  --blue-gray: #8EA4B2;
  --blue-soft: #D8E1E6;
  --gold: #D7B47A;
  --gold-soft: #F0DFC1;
  --navy: #284269;
  --shadow: 0 12px 30px rgba(82, 58, 34, .08), 0 2px 8px rgba(82, 58, 34, .04);
  --shadow-soft: 0 8px 18px rgba(82, 58, 34, .06);
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 18px;
  --radius-sm: 14px;
  --font: "Avenir Next Rounded", "SF Pro Rounded", "Trebuchet MS", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --safe-top: max(env(safe-area-inset-top, 0px), var(--tg-safe-top, 0px));
  --safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-bottom, 0px));
}