/* ============================================================
   Reset + tipografie de bază — teamretreat.ro
   Convenții comune cu scoaladefacilitare.ro (CSS crud, fără nesting).
   ============================================================ */

*{margin:0;padding:0;box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scroll-padding-top:96px;
}
body{
  font-family:var(--font-body), 'Figtree Fallback', sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block}
a{color:inherit}

h1,h2,h3{
  font-family:var(--font-display), 'Oswald Fallback', sans-serif;
  font-weight:600;
  color:var(--navy);
  line-height:1.08;
  letter-spacing:-.01em;
}
h1{font-size:clamp(2.8rem,6.8vw,5.2rem)}
h2{font-size:clamp(1.9rem,4.2vw,3rem)}
h3{font-size:1.3rem}
p{color:var(--slate)}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-body), sans-serif;
  font-size:.8rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--navy);
}

.hand{font-family:var(--font-hand), cursive}

.container{width:min(1160px,100% - 48px);margin-inline:auto}
.container-narrow{width:min(760px,100% - 48px);margin-inline:auto}

/* ---------- butoane ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--font-body), sans-serif;
  font-weight:600;font-size:1rem;letter-spacing:.01em;
  padding:16px 30px;border-radius:var(--radius-sm);text-decoration:none;
  border:0;cursor:pointer;white-space:nowrap;
  transition:transform var(--duration-base) var(--ease-signature),
             box-shadow var(--duration-base) var(--ease-signature),
             background var(--duration-base) ease;
}
.btn svg{transition:transform var(--duration-base) var(--ease-signature)}
.btn:hover svg{transform:translateX(4px)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:scale(.97)}
/* Portocaliu = EXCLUSIV acțiuni (regulă dură §2.3). Text cerneală, nu alb:
   alb-pe-portocaliu dă 2.35:1 (eșuează WCAG AA); cerneală-pe-portocaliu dă 6.36:1. */
.btn-primary{background:var(--orange);color:var(--ink)}
.btn-primary:hover{background:#E0801A}
.btn-outline{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
.btn-outline-light{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* ---------- accesibilitate ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:3px solid var(--navy);outline-offset:3px;border-radius:6px;
}
.skip-link{
  position:fixed;top:10px;left:10px;z-index:200;background:var(--navy);color:#fff;
  font-weight:600;padding:12px 20px;border-radius:var(--radius-sm);text-decoration:none;
  transform:translateY(-200%);transition:transform .2s ease;
}
.skip-link:focus{transform:none}
.hidden{display:none}
.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;
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}