/* =========================
   ís.is — base.css
   Tokens + reset + base defaults
   ========================= */

/* ---------- Theme tokens (hard B/W) ---------- */
:root{
  --bg:#000;
  --text:#fff;
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.14);

  --panel: rgba(255,255,255,.04);
  --panel2: rgba(255,255,255,.06);

  --radius: 16px;
  --radius2: 12px;

  --shadow: 0 10px 40px rgba(0,0,0,.55);
  --shadow2: 0 10px 30px rgba(0,0,0,.45);

  --focus: 0 0 0 3px rgba(255,255,255,.25);
}

html[data-theme="light"]{
  --bg:#fff;
  --text:#000;
  --muted: rgba(0,0,0,.72);
  --line: rgba(0,0,0,.14);

  --panel: rgba(0,0,0,.04);
  --panel2: rgba(0,0,0,.06);

  --shadow: 0 10px 40px rgba(0,0,0,.14);
  --shadow2: 0 10px 30px rgba(0,0,0,.12);

  --focus: 0 0 0 3px rgba(0,0,0,.18);
}

/* ---------- Reset / defaults ---------- */
*{ 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, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img,svg,video{ max-width:100%; display:block; }
a{ color: inherit; text-decoration:none; }
button,input,select,textarea{ font: inherit; color: inherit; }

/* Focus */
:focus-visible{
  outline: none;
  box-shadow: var(--focus);
  border-radius: 10px;
}

/* Tap */
button, a{ -webkit-tap-highlight-color: transparent; }

/* Optional page background helper (forsíða uses this) */
body.has-grad{
  background:
    radial-gradient(1200px 800px at 50% 0%, rgba(255,255,255,.06), transparent 55%),
    radial-gradient(900px 700px at 20% 20%, rgba(255,255,255,.04), transparent 60%),
    var(--bg);
}

/* Generic containers for other pages */
.container{
  width: min(1050px, 100%);
  margin: 0 auto;
  padding: 24px;
}