/* SOLENE. – közös alap a nyilvános oldalakhoz (főoldal, shop): színek, betűk, méretek és alapstílusok.
   Az oldalanként eltérő stílusok az adott HTML fájlban vannak. */
:root {
  --ink: #0c0b0d;
  --ink-2: #131115;
  --ink-3: #1c191e;
  --bone: #ece6dc;
  --ash: #9b949a;
  --ash-2: #8a838a;
  --bad: #e0726f;
  --line: rgba(236, 230, 220, .11);
  --line-2: rgba(236, 230, 220, .22);
  --wine: #9a2d50;
  --wine-soft: rgba(154, 45, 80, .16);
  --neon: #e0466f;
  --neon-glow: rgba(224, 70, 111, .55);
  --f-display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
  --f-body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --f-mark: "Syncopate", "Eurostile", "Helvetica Neue", Arial, sans-serif;
  --f-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --max: 1320px;
  --gutter: clamp(16px, 4vw, 48px);
  color-scheme: dark;
  --ink-4: #252127;
  --wine-hi: #c24a70;
  --good: #6fae8a;
  --warn: #d6a24a;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { margin: 0; }
a { color: inherit; text-decoration: none; }
:focus-visible { outline: 1px solid var(--bone); outline-offset: 3px; }
::selection { background: var(--wine); color: var(--bone); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }