:root{--as-accent:#2563eb;--as-accent-2:#0ea5e9;--as-accent-3:#14b8a6;--as-accent-4:#6366f1}
html{scroll-behavior:smooth}
.font-heading{font-family:'Barlow Condensed',sans-serif}
.font-body,.font-subheading,.font-button{font-family:'Barlow',sans-serif}
.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
.reveal{opacity:0;transform:translateY(14px) scale(.98)}
.reveal.show{animation:fadeUp .6s ease-out forwards}
@keyframes fadeUp{to{opacity:1;transform:translateY(0) scale(1)}}
.card{transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(2,6,23,.08)}
.chip{font-size:.75rem;padding:.25rem .5rem;border-radius:.5rem;background:rgba(255,255,255,.15)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;padding:.75rem 1rem;border-radius:.5rem}
.toast.ok{background:#e6fffa;color:#065f46;border:1px solid #99f6e4}
.toast.err{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
@media print{header,footer,.fixed{display:none!important}section{break-inside:avoid}}