/* Harmonisation des pages construites avec Tailwind sur l'identité Sereno (signal.css).
   Sélecteurs d'attribut pour passer devant les classes utilitaires de Tailwind. */
:where(h1, h2, h3) { letter-spacing: -.02em; }
body { padding-bottom: env(safe-area-inset-bottom); }

/* Navigation translucide */
body > nav[class~="sticky"], body > div > nav[class~="sticky"] {
    background: color-mix(in srgb, rgb(var(--surf)) 82%, transparent) !important;
    -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px);
}

/* Boutons : pilules, police des titres, cible tactile d'au moins 44 px */
a[class~="bg-bst-500"], button[class~="bg-bst-500"],
a[class~="bg-ink/5"][class~="border"], button[class~="bg-ink/5"][class~="border"] {
    border-radius: 999px;
    font-family: 'Archivo', system-ui, sans-serif;
    font-weight: 650;
    min-height: 44px;
    box-shadow: none;
}
a[class~="bg-bst-500"], button[class~="bg-bst-500"] { background-color: #1E63C9; }
a[class~="bg-bst-500"]:hover, button[class~="bg-bst-500"]:hover { background-color: #174FA3; }
html.dark a[class~="bg-bst-500"], html.dark button[class~="bg-bst-500"] { background-color: #7CC0F5; color: #0B1F3A; }
html.dark a[class~="bg-bst-500"]:hover, html.dark button[class~="bg-bst-500"]:hover { background-color: #A5D4F8; }

/* Champs de formulaire */
input[class~="rounded-xl"], input[class~="rounded-lg"], select[class~="rounded-xl"], select[class~="rounded-lg"], textarea[class~="rounded-xl"], textarea[class~="rounded-lg"] {
    border-radius: 12px;
    min-height: 48px;
    font-size: 1rem;
}
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: none; border-color: rgb(var(--accent)) !important; box-shadow: 0 0 0 4px rgb(var(--accent) / .2) !important; }
:focus-visible { outline: 3px solid #7CC0F5; outline-offset: 3px; }

/* Cartes : coins plus généreux, ombre douce en mode clair */
[class~="rounded-2xl"][class~="border"] { border-radius: 20px; }
html:not(.dark) [class~="rounded-2xl"][class~="border"][class~="bg-ink/3"] { background: #fff; box-shadow: 0 1px 2px rgb(11 31 58 / .05), 0 10px 30px -18px rgb(11 31 58 / .25); }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition: none !important; } }