/* ============================================================
   base.css
   Resets + base layout primitives
   ============================================================ */

*{ box-sizing:border-box; }

html{
  height:100%;
  background: var(--bg);
}

body{
  margin:0;
  min-height:100vh;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 600px at 12% 0%, rgba(216,103,0,.18), transparent 55%),
    radial-gradient(900px 600px at 88% 10%, rgba(255,138,42,.10), transparent 55%),
    var(--bg);
  line-height:1.55;
}

a{ color:inherit; text-decoration:none; }
a:hover{ text-decoration:underline; }

img{
  max-width:100%;
  height:auto;
  display:block;
}

/* Layout helpers */

.container{
  width:100%;
  max-width: var(--container);
  margin:0 auto;
  padding:0 18px;
}

.app{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

main{
  flex:1;
  padding: 22px 0 36px;
}

hr.sep{
  border:0;
  height:1px;
  background: var(--border);
  margin: 18px 0;
}

/* ------------------------------------------------------------
   Footer
   ------------------------------------------------------------ */
.app-footer{
  margin-top:auto;
  border-top:1px solid var(--border);
  padding:14px 0;
  color:var(--muted);
  font-size:14px;
}

.app-footer-inner{
  display:flex;
  align-items:center;
  justify-content:center;
}