/* FuturoSereno.ink — custom styles (unique) */
:root{
  --fs-accent:#0f766e; /* teal-700 */
  --fs-ink:#0b1220;
  --fs-soft:#f1f5f9; /* slate-100 */
  --fs-card:#ffffff;
  --fs-ring:rgba(15,118,110,.18);
}

html{ font-size:16px; scroll-behavior:smooth; }
body{ font-size:1rem; color:var(--fs-ink); }

.container-max{ max-width:1100px; }

.fs-gradient{
  background:
    radial-gradient(900px 500px at 10% 10%, rgba(15,118,110,.20), transparent 60%),
    radial-gradient(700px 380px at 90% 30%, rgba(30,64,175,.12), transparent 55%),
    linear-gradient(180deg, #ffffff, #f8fafc 60%, #ffffff);
}

.fs-card{
  background:var(--fs-card);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 10px 30px rgba(2,6,23,.06);
}

.fs-badge{
  border:1px solid rgba(15,118,110,.25);
  background:rgba(15,118,110,.08);
}

.fs-btn{
  box-shadow:0 10px 18px rgba(15,118,110,.18);
}

.fs-focus:focus{
  outline:none;
  box-shadow:0 0 0 4px var(--fs-ring);
}

.fs-divider{
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(15,23,42,.12), transparent);
}

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