@tailwind base;
@tailwind components;
@tailwind utilities;

:root{color-scheme:light}

.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:0.6rem 0.85rem;border-radius:0.85rem;font-size:0.95rem;font-weight:600;color:rgb(31 41 55);transition:background-color .15s ease,transform .15s ease,color .15s ease}
.nav-link:hover{background-color:rgb(241 245 249)}
.nav-link:focus{outline:none}
.nav-link:focus-visible{box-shadow:0 0 0 2px rgba(79,70,229,.35)}

.mobile-link{width:100%;text-align:center;font-size:1.5rem;line-height:2rem;font-weight:650;color:rgb(17 24 39);padding:0.75rem 1rem;border-radius:1rem;transition:background-color .15s ease,transform .15s ease}
.mobile-link:hover{background-color:rgb(241 245 249);transform:translateY(-1px)}
.mobile-link:focus{outline:none}
.mobile-link:focus-visible{box-shadow:0 0 0 2px rgba(79,70,229,.35)}

.footer-link{color:rgb(51 65 85);transition:color .15s ease,text-decoration-color .15s ease}
.footer-link:hover{color:rgb(67 56 202);text-decoration:underline;text-decoration-color:rgba(67,56,202,.55);text-underline-offset:3px}
.footer-link:focus{outline:none}
.footer-link:focus-visible{box-shadow:0 0 0 2px rgba(79,70,229,.35);border-radius:.75rem}

.badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:9999px;border:1px solid rgb(226 232 240);background:rgba(255,255,255,.85);padding:.4rem .7rem;font-size:.85rem;color:rgb(51 65 85);box-shadow:0 1px 0 rgba(15,23,42,.05)}

.card{border-radius:1.25rem;border:1px solid rgb(226 232 240);background:linear-gradient(180deg,rgba(255,255,255,1),rgba(248,250,252,1));padding:1.25rem;box-shadow:0 8px 22px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.10);background:linear-gradient(180deg,rgba(255,255,255,1),rgba(238,242,255,1))}
.card:focus-within{box-shadow:0 0 0 2px rgba(79,70,229,.35),0 14px 30px rgba(15,23,42,.10)}

.cardIcon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:1rem;background:rgba(255,255,255,.9);border:1px solid rgb(226 232 240);box-shadow:0 1px 0 rgba(15,23,42,.06)}
.cardTitle{margin-top:.85rem;font-family:Fraunces,ui-serif,Georgia,serif;font-size:1.1rem;line-height:1.55rem;letter-spacing:-0.01em;color:rgb(15 23 42)}
.cardText{margin-top:.45rem;font-size:1rem;line-height:1.6rem;color:rgb(51 65 85)}

img{max-width:100%;height:auto;display:block}

:focus-visible{outline:none}

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