/* ======================================================
   BASE.CSS — Global baseline (simple, clean, readable)
   ====================================================== */

* { box-sizing: border-box; }
html, body { height: 100%; }

body {
  margin: 0;
  font-family: Calibri, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden; /* IMPORTANT: we will fit the UI inside viewport (tablet shell) */
}

/* Links */
a { color: inherit; }

/* Default variables (themes.css will override) */
:root {
  --app-bg: #F6F3F0;      /* off-white */
  --card-bg: #FFFFFF;
  --text: #0F172A;
  --muted: #64748B;
  --border: #E5E7EB;

  --navy: #0B1E3B;
  --navy-text: rgba(255,255,255,0.94);
  --accent-gold: #C9A048;
}