/* public/styles/hm-modern.css */

/* Base */
:root{
  --hm-accent:#991b1b;
  --hm-text:#111827;
  --hm-muted:#6b7280;
  --hm-border:#e5e7eb;
  --hm-bg:#fafafa;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--hm-bg);
  color:var(--hm-text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* Layout helper used by header/footer/pages */
.wrap{max-width:1200px;margin:12px auto;padding:0 12px}

/* Generic buttons/links feel the same everywhere */
button,.btn,[role="button"]{
  font:inherit;cursor:pointer;border:0
}
a{color:inherit;text-decoration:none}

/* Make inline SVGs consistent (icons) */
svg{display:block;stroke:currentColor}

/* Card shell commonly used on pages */
.card{
  background:#fff;border:1px solid var(--hm-border);
  border-radius:12px
}

/* Small utility */
.meta{color:var(--hm-muted);font-size:12px}