:root {
  --color-primary: #2635d9;
  --color-text: #323234;
  --color-muted: #62636d;
  --color-surface: #fff;
  --color-border: #ececf4;
  --container-width: 1326px;
  font-family: Dana, Vazirmatn, Tahoma, Arial, sans-serif;
  color: var(--color-text);
  background: var(--color-surface);
  font-synthesis: none;
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 5px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: -80px; right: 20px; z-index: 100; padding: 10px 18px; background: white; color: var(--color-primary); }
.skip-link:focus { top: 8px; }
main { min-height: calc(100svh - 75px); }