/* =========================
   DEEM PATHWAYS - base.css
   Global defaults + variables
========================= */

:root{
  --bg:#0b0b0f;
  --panel:#000;

  --text:#eaf0ff;
  --ink:#eaf0ff;

  --muted:rgba(234,240,255,.65);
  --line:rgba(234,240,255,.12);

  --accent:#00f5ff;
  --accent2:#b100ff;

  --good:#20ff9a;
  --warn:#ffb4b4;

  --radius:22px;
  --radius2:18px;

  --shadow: 0 18px 54px rgba(0,0,0,.92);
}

*{ box-sizing:border-box; }

html, body{ height:100%; }

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
}

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

/* Default images:
   - Keep responsive behavior
   - Do NOT force display:block globally (that can mess with inline logos/icons)
*/
img{
  max-width:100%;
  height:auto;
}

/* Shared labels */
.kicker{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:950;
  color:var(--accent);
}

.sub{
  margin-top:6px;
  font-size:12px;
  color:var(--muted);
  max-width:720px;
  line-height:1.45;
}