:root {
  --footer-h: 20px;

  /* Light theme (home / dashboard / claim page) */
  --bg: #f7f9fc;
  --panel: #ffffff;
  --ink: #0f172a;
  --muted: #64748b;
  --brand: #2563eb;
  --brand-weak: #93c5fd;

  /* Dark theme (tenant photo pages) */
  --bg-dark: #0b0b0b;
  --text-light: #e5e7eb;
  --text-muted: #94a3b8;

  /* Links + card surfaces */
  --link: #93c5fd;
  --card-bg: #151515;
  --card-edge: #242424;
  --card-head: #111213;
  --card-head-edge: #1f1f1f;

  /* Overlay pages (revoked / info overlays) */
  --overlay-bg: #f3f6fb;
  --overlay-text: #0f172a;
  --overlay-help: #64748b;

  /* Shared borders / radius / shadows */
  --border: #e5e7eb;
  --radius: 12px;
  --shadow-card: 0 8px 30px rgba(0,0,0,.35);
  --shadow-overlay: 0 4px 20px rgba(0,0,0,.05);

  /* Font family – use like: font: 16px/1.5 var(--font); */
  --font: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue",
          Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

* { box-sizing: border-box; }
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Prevent header/content from shifting when a vertical scrollbar appears */
html, body { scrollbar-gutter: stable both-edges; }

/* Fallback for browsers that don’t support scrollbar-gutter */
@supports not (scrollbar-gutter: stable) {
  html, body { overflow-y: scroll; }
}