:root {
  --bg: #f6efe6;
  --bg-2: #f3e4d4;
  --surface: #fffaf5;
  --surface-2: #f8e6d8;
  --ink: #241c16;
  --ink-soft: #6d6258;
  --line: rgba(36, 28, 22, 0.08);
  --coral: #e36a4a;
  --coral-deep: #c85436;
  --cyan: #22d3ee;
  --cyan-deep: #06b6d4;
  --radius: 22px;
  --radius-sm: 14px;
  --shadow: 0 18px 40px rgba(80, 48, 24, 0.08);
  --glow: 0 0 0 1px rgba(34, 211, 238, 0.55), 0 0 22px rgba(34, 211, 238, 0.35);
  --font: "Outfit", "Avenir Next", "Segoe UI", sans-serif;
  --display: "Fraunces", Georgia, serif;
  --max: 1120px;
}
.tema-app {
  --bg: #f3efe8;
  --bg-2: #e7f6f4;
  --surface: #fffcf8;
  --coral: #ef7d5c;
  --cyan: #2ee6ff;
  --radius: 16px;
  --display: var(--font);
}

/* ---- BMIChart.app site tweak (only variation from the base template) ---- */
body.tema-app {
  --surface-2: #fbe9df;   /* peach card tint */
  --coral-ink: #b4462a;   /* text-safe coral for links, buttons, selected states */
  --radius: 18px;
}