:root {
  --background: #ffffff;
  --foreground: #0f172a;
  --card: #ffffff;
  --card-foreground: #0f172a;
  --primary: #0f172a;
  --primary-foreground: #f8fafc;
  --muted: #f1f5f9;
  --muted-foreground: #64748b;
  --border: rgba(15,23,42,0.12);
  --radius: 14px;
}
html.dark {
  --background: #0b1220;
  --foreground: #f8fafc;
  --card: rgba(255,255,255,0.04);
  --card-foreground: #f8fafc;
  --primary: #f8fafc;
  --primary-foreground: #0b1220;
  --muted: rgba(255,255,255,0.06);
  --muted-foreground: rgba(248,250,252,0.7);
  --border: rgba(248,250,252,0.14);
}
* { box-sizing: border-box; }
body { background: var(--background); color: var(--foreground); }
.cardish { background: var(--card); color: var(--card-foreground); border: 1px solid var(--border); border-radius: var(--radius); }
.btnish { border-radius: 12px; }
.smallcaps { letter-spacing: .08em; text-transform: uppercase; font-size: 11px; }
 nav a:hover i {
  color: var(--primary);
}
nav a {
  transition: color .15s ease;
}
nav a i {
  transition: transform .15s ease;
}
nav a:hover i {
  transform: translateY(-1px);
}