/* Passport Desk — company-info tokens (Appily Ninetyeight) */
:root {
  --pd-ink: #152030;
  --pd-cover: #0E2A44;
  --pd-field: #F0F7FF;
  --pd-field-mint: #E8FFF6;
  --pd-surface: #FFFFFF;
  --pd-coral: #C43A2A;
  --pd-coral-deep: #A0281C;
  --pd-teal: #00BFA5;
  --pd-teal-deep: #0A6B5C;
  --pd-gold: #F0B429;
  --pd-gold-text: #7A5A00;
  --pd-sky: #2BB0ED;
  --pd-mute: #3D4F5C;
  --pd-display: "Changa One", Impact, sans-serif;
  --pd-body: "Nunito Sans", system-ui, sans-serif;
  --pd-radius: 16px;
  --pd-shadow: 0 16px 42px rgba(14, 42, 68, 0.14);
}

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

html { scroll-behavior: smooth; }

body.a98-pass {
  margin: 0;
  min-height: 100vh;
  font-family: var(--pd-body);
  color: var(--pd-ink);
  background:
    radial-gradient(ellipse 70% 45% at 8% 0%, rgba(255, 75, 58, 0.14), transparent 55%),
    radial-gradient(ellipse 60% 40% at 95% 12%, rgba(0, 191, 165, 0.14), transparent 50%),
    radial-gradient(ellipse 50% 35% at 50% 100%, rgba(43, 176, 237, 0.1), transparent 55%),
    linear-gradient(180deg, var(--pd-field) 0%, var(--pd-field-mint) 55%, #F5FBFF 100%);
  -webkit-font-smoothing: antialiased;
}

.pd-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  padding: 0.6rem 1rem;
  background: var(--pd-coral);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.pd-skip:focus,
.pd-skip:focus-visible {
  left: 0.75rem;
  top: 0.75rem;
  outline: 3px solid var(--pd-teal);
  outline-offset: 2px;
}

body.pd-nav-open { overflow: hidden; }