/* site.css - shared across all 3SStudio pages */

:root {
  --red:           #bf1e2d;
  --red-dark:      #9e1825;
  --dark:          #181b31;
  --white:         #ffffff;
  --off-white:     #f5f4f1;
  --border:        #e3e0d8;
  --text:          #1a1a2e;
  --text-soft:     #3a3a4a;
  --muted:         #6b6b7d;
  --bg-hover:      #fdfcfb;
  --border-hover:  #d0cdc6;
  --font:          'Plus Jakarta Sans', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font);
  background: var(--white);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
address { font-style: normal; }

:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 2px;
  border-radius: 2px;
}

.skip-link {
  position: absolute;
  left: 0; top: 0;
  transform: translateY(-200%);
  background: var(--dark);
  color: #fff !important;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 0 0 6px 0;
  z-index: 2000;
  text-decoration: none;
}
.skip-link:focus-visible {
  transform: translateY(0);
  outline-offset: 4px;
}