/* SleetPOS shared visual system. Full specification: TYPOGRAPHY.md. */
:root {
  --font-sans: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ink: #152532;
  --slate: #61717e;
  --blue: #1478b8;
  --blue-dark: #0c6198;
  --mist: #edf5fb;
  --line: #dce5eb;
  --shell: 1280px;
  --type-body: 16px;
  --type-page-title: clamp(44px, 4.6vw, 64px);
  --type-section-title: clamp(36px, 3.65vw, 52px);
}
body { font-family: var(--font-sans); }
button, input, select, textarea { font-family: inherit; }
h1, h2, h3 { font-weight: 500; letter-spacing: -.055em; }
.button { border-radius: 100px; font-weight: 600; padding-inline: 26px; background: var(--ink); border-color: var(--ink); }
.button:hover { background: #263f52; border-color: #263f52; transform: none; }
.button-outline { color: var(--ink); background: transparent; }
.button-outline:hover { color: #fff; }
.button-white { background: #fff; color: var(--ink); border-color: #fff; }
.button-white:hover { background: #e8f0f5; color: var(--ink); border-color: #e8f0f5; }
.site-header { background: rgba(255,255,255,.94); backdrop-filter: blur(18px); border-bottom-color: rgba(21,37,50,.08); }
.header-inner { min-height: 78px; }
.brand img { width: 156px; }
#site-nav > a:not(.button) { font-size: 13px; }
#site-nav > [aria-current=page]:not(.button) { color: var(--blue); }
.text-link { font-weight: 500; }
.section-label { font-size: 14px; font-weight: 500; color: var(--slate); }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #60a5fa; outline-offset: 3px; }
@media(max-width:920px) { .header-inner { min-height: 73px; } #site-nav > a:not(.button) { font-size: 16px; } }
@media(max-width:680px) { .header-inner { min-height: 70px; } .brand img { width: 146px; } }