/* FOURFOLD theme — warm, dignified, BAM-Global-ish navy/teal with a warm accent. */
:root {
  --c-navy: #1b3a5c;
  --c-navy-deep: #122844;
  --c-teal: #0f8b8d;
  --c-warm: #e8a13a;
  --c-bg: #f6f3ec;
  --c-panel: #ffffff;
  --c-ink: #25313d;
  --c-ink-soft: #6b7785;
  --c-line: #e3ddd0;

  --c-track-fin: #2e7d32;
  --c-track-soc: #0f8b8d;
  --c-track-env: #7cb342;
  --c-track-spi: #8e5aa8;

  --radius: 10px;
  --shadow: 0 2px 10px rgba(27, 58, 92, 0.10);
  --font: "Segoe UI", system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--c-bg);
  color: var(--c-ink);
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.45;
}

h1, h2, h3 { color: var(--c-navy); margin: 0.4em 0; }
a { color: var(--c-teal); }

.hint { color: var(--c-ink-soft); font-size: 0.85em; font-weight: normal; }
.center { text-align: center; }