/* =========================================================
   UHDARC GLOBAL THEME — STABLE + CORRECT
   ========================================================= */

:root{
  --maxw: 1120px;
  --sans: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --mono: ui-monospace, Menlo, Consolas, monospace;
  --accent: #ff6a00;
  color-scheme: dark light;
}

/* ---------- THEMES ---------- */

html[data-theme="dark"]{
  --bg:#0a0a0b;
  --surface:#121316;
  --text:#f4f5f7;
  --muted:rgba(244,245,247,.7);
  --line:rgba(244,245,247,.12);
  --link:#ff8a3d;
}

html[data-theme="light"]{
  --bg:#f6f7f9;
  --surface:#ffffff;
  --text:#121316;
  --muted:rgba(18,19,22,.65);
  --line:rgba(18,19,22,.14);
  --link:#cc5200;
}

/* ---------- RESET ---------- */

*,
*::before,
*::after{ box-sizing:border-box; }

html, body{ height:100%; }

/* ---------- PAGE LAYOUT ---------- */

body{
  margin:0;
  display:flex;
  flex-direction:column;
  background:var(--bg);
  color:var(--text);
  font-family:var(--sans);
  line-height:1.55;
}

/* main grows, footer sticks */
.uh-main{
  flex:1 0 auto;
}

/* ---------- WRAPPER ---------- */

.uh-wrap{
  max-width:var(--maxw);
  margin:0 auto;
  padding:24px 18px 48px;
}

/* ---------- TYPOGRAPHY ---------- */

h1,h2,h3{
  margin:0 0 14px;
  line-height:1.2;
}

p{
  margin:0 0 16px;
  font-size:17px;
  color:var(--muted);
}

a{
  color:var(--link);
  text-decoration:none;
}

/* ---------- FOOTER ---------- */

.site-footer{
  flex-shrink:0;
  border-top:1px solid var(--line);
  background:var(--surface);
}

.site-footer-inner{
  max-width:var(--maxw);
  margin:0 auto;
  padding:14px 18px;
  display:flex;
  justify-content:space-between;
  font-size:14px;
  color:var(--muted);
}

@media (max-width:600px){
  .site-footer-inner{
    flex-direction:column;
    text-align:center;
    gap:6px;
  }
}