/* Design tokens, resets, and global rules that apply site-wide. */

:root {
  --ground: #0A0C0F;
  --ink: #ECEFF1;
  --dim: rgba(236, 239, 241, 0.6);
  --faint: rgba(236, 239, 241, 0.34);
  --edge: rgba(236, 239, 241, 0.15);
  --hot: #8ECFC0;
  --scrim: rgba(10, 12, 15, 0.58);
  --scrim-band: rgba(10, 12, 15, 0.4);
  --lampc: rgba(190, 235, 225, 0.13);
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace;
}

* {
  box-sizing: border-box;
  border-radius: 0;
}

html, body {
  margin: 0;
  background: var(--ground);
  color: var(--ink);
  font-family: var(--mono);
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--ink);
  text-decoration: none;
}
a:hover {
  color: var(--hot);
}

button {
  font: inherit;
  border-radius: 0;
  cursor: pointer;
  background: none;
  border: none;
  color: inherit;
  padding: 0;
}

::selection {
  background: var(--hot);
  color: var(--ground);
}

[data-secret] {
  color: transparent;
  cursor: default;
}
[data-secret]::selection {
  background: var(--hot);
  color: var(--ground);
}

@keyframes wallspin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  #wallspin { animation: none !important; }
}

/* Print-only resume view; hidden on screen, swapped in for @media print. */
#resume { display: none; }
@media print {
  #site { display: none !important; }
  #resume { display: block !important; }
  html, body { background: #fff; color: #000; }
}