/* 01-base.css — fondations globales */

:root{
  --content-w:1080px; --page-gutter:16px;
  --violet:#2E2C62; --ink:#0E1030; --muted:#243056; --paper:#F2F3FF;
  --title:var(--paper);
  --g1:#BFC3F3; --g2:#8E94D8; --g3:#595EA8; --g4:var(--violet);
  --maxw:1080px; --radius-sm:8px; --radius:12px; --radius-lg:20px;
  --shadow-1:0 6px 18px rgba(14,16,48,.12); --shadow-2:0 10px 24px rgba(14,16,48,.16);
  --top-h:290px; --logo-h:300px; --bar-py:32px; --shrink:0; --title-large:2.8rem; --title-small:1.8rem;
  --ff-sans:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --ff-serif:'Bodoni Moda',Georgia,serif; --ff-accent:'Merriweather',Georgia,serif;
  --t-fast:.18s; --t-base:.36s; --ease:cubic-bezier(.22,.61,.36,1);
}
*,
*::before,*::after{ box-sizing:border-box }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth }
body{
  margin:0; color:var(--ink); background:var(--paper);
  font-family:var(--ff-sans); font-size:16px; line-height:1.55;
  text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  font-synthesis-weight:none;
}
img,svg,video{ display:block; max-width:100%; height:auto }
a{ color:inherit; text-decoration:none }
a:focus-visible{ outline:2px solid rgba(46,44,98,.5); outline-offset:3px }
button,input,select,textarea{ font:inherit; color:inherit }
h1,h2,h3,h4,h5,h6{ margin:0 0 .4em } p{ margin:.6em 0 }
.after-bar{ background:var(--paper); padding:24px 0 }
main{ max-width:var(--maxw); margin:0 auto; padding:0 16px }
.section{ padding:32px 0 }
.sr-only{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.container{ max-width:var(--maxw); margin-inline:auto; padding-inline:16px }
::selection{ background:rgba(46,44,98,.12) }
@media (prefers-reduced-motion:reduce){
  :root{ --t-fast:0s; --t-base:0s }
  *{ animation-duration:0s!important; transition-duration:0s!important; scroll-behavior:auto!important }
}