@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@1,400;1,600&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 14px; }

body {
  font-family: 'Jost', system-ui, sans-serif;
  background: var(--bg-primary);
  color: var(--text-white);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

a { color: var(--gold); text-decoration: none; }
a:hover { opacity: .85; }

h1, h2, h3 { font-family: 'Cinzel', serif; font-weight: 600; letter-spacing: .04em; }

::-webkit-scrollbar       { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--gold-line); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }

::selection { background: var(--gold-faint); color: var(--gold); }

button { cursor: pointer; font-family: inherit; }
input, textarea, select {
  font-family: inherit;
  background: var(--bg-primary);
  color: var(--text-white);
  border: 0.5px solid var(--gold-line);
  border-radius: var(--radius-sm);
  padding: 8px 12px;
  font-size: 13px;
  outline: none;
  transition: border-color var(--ease);
}
input:focus, textarea:focus, select:focus { border-color: var(--gold); }

.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }