:root{
  --page:#f7f8fb;
  --navy:#0b1c2d;
  --navy-2:#0f263f;
  --text:#0f172a;
  --muted:#475569;
  --gold:#e6c27a;
  --mint:#6ee7b7;
  --card:#ffffff;
  --border: rgba(15,23,42,.12);
  --shadow: 0 18px 60px rgba(0,0,0,.10);
  --radius: 18px;

  --info-bg:#e0f2fe;
  --info-bd:#7dd3fc;
  --info-tx:#075985;

  --warn-bg:#fef3c7;
  --warn-bd:#facc15;
  --warn-tx:#854d0e;

  --err-bg:#fee2e2;
  --err-bd:#f87171;
  --err-tx:#7f1d1d;

  --ok-bg:#dcfce7;
  --ok-bd:#4ade80;
  --ok-tx:#064e3b;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  background: var(--page);
  color: var(--text);
  min-height:100vh;
}

.wrap{max-width:1080px; margin:0 auto; padding:22px;}
.spacer{height:14px;}

.h{margin:0 0 8px; font-size:14px; font-weight:950;}
.muted{margin:0 0 12px; color:var(--muted); font-size:12px; line-height:1.5;}
.tiny{font-size:12px; color: var(--muted); line-height:1.45; margin-top:8px;}