/* HAUMS — Signal v3. Light theme, mostly inline-styled in haums.jsx.
   This file holds only globals, keyframes, and interaction (hover/focus) classes. */

:root {
  --acc: #3A45E0;
}

html, body { margin: 0; padding: 0; }

body {
  background: #EEF0F4;
  color: #15171E;
  font-family: 'Instrument Sans', system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

* { box-sizing: border-box; }

::selection { background: color-mix(in oklch, var(--acc, #3A45E0), transparent 78%); }

input, button, textarea, select { font-family: inherit; color: inherit; }
a { color: inherit; }

@keyframes hm3-fade { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes hm3-pulse { 0%, 100% { opacity: .4; } 50% { opacity: 1; } }
@keyframes hm3-spin { to { transform: rotate(360deg); } }

/* Interaction helpers — the design uses style-hover / style-focus; these replicate it. */
.hm3-lift { transition: transform .2s ease, box-shadow .2s ease; }
.hm3-lift:hover { transform: translateY(-2px); }

.hm3-card { transition: transform .25s ease, box-shadow .25s ease; }
.hm3-card:hover { transform: translateY(-4px); box-shadow: 0 22px 48px rgba(21, 23, 30, .15); }

.hm3-glass { transition: background .2s ease; }
.hm3-glass:hover { background: rgba(255, 255, 255, .2) !important; }

.hm3-input { transition: border-color .18s ease, background .18s ease; }
.hm3-input:focus { border-color: var(--acc, #3A45E0) !important; outline: none; background: #fff !important; }

.hm3-navlink { transition: background .2s ease, color .2s ease; }

/* Hide the "HAUMS" wordmark in the nav on mobile — the pulse dot still links home,
   and the wordmark reads as repetitive on small screens. Desktop keeps it. */
@media (max-width: 640px) {
  .hm3-wordmark { display: none; }
}
.hm3-link { transition: color .18s ease; }
.hm3-link:hover { color: var(--acc, #3A45E0); }