/* ───────── Direction artistique Rumeur ─────────
   Fond clair légèrement gris, cartes blanches à filet fin, police Aeonik Pro, typographie sobre.
   Chargé après les autres feuilles : il redéfinit les couleurs et l'échelle typographique. */

/* Aeonik (fichiers web dans /fonts, sous-ensemble latin). */
@font-face{font-family:"Aeonik";font-weight:300;font-style:normal;font-display:swap;src:url("fonts/Aeonik-Light.woff") format("woff")}
@font-face{font-family:"Aeonik";font-weight:400;font-style:normal;font-display:swap;src:url("fonts/Aeonik-Regular.woff") format("woff")}
@font-face{font-family:"Aeonik";font-weight:400;font-style:italic;font-display:swap;src:url("fonts/Aeonik-RegularItalic.woff") format("woff")}
@font-face{font-family:"Aeonik";font-weight:500;font-style:normal;font-display:swap;src:url("fonts/Aeonik-Medium.woff") format("woff")}
@font-face{font-family:"Aeonik";font-weight:600 700;font-style:normal;font-display:swap;src:url("fonts/Aeonik-Bold.woff") format("woff")}

:root,:root[data-theme]{
  --bg:#F6F6F4; --tile:#FFFFFF; --ink:#141414; --muted:#74746F; --line:#E4E4E0; --soft:#EFEFEC;
  --blue:#141414; --blue-btn:#141414; --hero-bg:#FFFFFF; --hero-ink:#141414; --hero-muted:#74746F;
  --nav:rgba(246,246,244,.86); --logo-filter:none; --hot:#C2410C; --ok:#2F7D3A; --warn:#A16207;
  --font:"Aeonik","Aeonik Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  color-scheme:light;
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;letter-spacing:-.005em;font-weight:400}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
a:hover{text-decoration-color:var(--ink)}
.btn,a.btn,.chip,.tag,.plain,.tabs a,.selcard,.card,.logo,.back a,.face{text-decoration:none!important}
button,input,select,textarea{font-family:var(--font)!important;letter-spacing:-.005em}
strong,b{font-weight:500}

/* ───── Barre de navigation ───── */
.nav{background:var(--nav);border-bottom:1px solid var(--line)}
.logo{font-weight:500;font-size:15px}
.logo span{font-weight:400}
.tabs a{font:400 13px var(--font);padding:6px 12px;color:var(--muted)}
.tabs a[aria-current="page"]{background:var(--ink);color:#fff}
.acct button,.btn{font:400 13px var(--font);padding:7px 14px;border-radius:980px}
.btn.primary,a.btn.primary{background:var(--ink);color:#fff}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn.ghost:hover{border-color:var(--ink)}
.btn.small{font-size:12px;padding:5px 11px}
.chip{font:400 13px var(--font);padding:6px 13px;border-color:var(--line);background:var(--tile)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.tag{font-weight:500;font-size:11px;letter-spacing:.01em}
select{font:400 13px var(--font);background-color:var(--tile)}

/* ───── Titres et textes (plus sobres) ───── */
.eyebrow{font-size:11px!important;font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)!important;margin:0 0 10px}
.hero{padding-block:44px 22px}
.hero h1{font-size:clamp(28px,3.4vw,40px);line-height:1.1;font-weight:500;letter-spacing:-.02em;max-width:22ch}
.hero p{font-size:16px;line-height:1.5;max-width:52ch}
.vhead h1,.welcome h1{font-size:clamp(26px,3vw,34px);line-height:1.12;font-weight:500;letter-spacing:-.02em}
.vhead p,.welcome p{font-size:15px;line-height:1.55;max-width:60ch}
.gate h2{font-size:24px;font-weight:500}
.blk h3,.sel-tools h3{font-size:18px;font-weight:500;letter-spacing:-.01em}
.blk h3 small{font-size:13px}
.sec{padding-block:56px 0}
.sec-h{margin-bottom:18px}
.sec-h h3{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.015em}
.sec-h span{font-size:13px}
.kicker{font-size:12px}
.mini{font-size:12px}

/* ───── Radar : bandeaux « à la une » ───── */
.une{gap:10px}
.big{border-radius:18px;padding:40px max(20px,5vw) 36px;gap:8px;background:var(--tile);border:1px solid var(--line);min-height:420px;padding-top:96px}
.big:nth-child(odd){background:var(--tile);color:var(--ink)}
.big:nth-child(odd) .sub,.big:nth-child(odd) .kicker{color:var(--muted)}
.big:nth-child(odd) select{color:var(--ink);border-color:var(--line)}
.big:nth-child(odd) a{color:var(--ink)}
.big h2{font-size:clamp(28px,3.6vw,40px);line-height:1.08;font-weight:500;letter-spacing:-.02em}
.big .titre{font-size:17px;line-height:1.35;font-weight:400;max-width:40ch}
.big .sub{font-size:14px;max-width:60ch}
.big.has-img{border:0}
.big.has-img a{color:#fff}
.cover span{font-weight:500;letter-spacing:-.05em}
.tile{border-radius:14px;border:1px solid var(--line);background:var(--tile)}
.tile h4{font-size:19px;line-height:1.2;font-weight:500;letter-spacing:-.015em}
.tile .titre{font-size:14px;font-weight:500}
.tile .sub{font-size:13px}
.tile .body{padding:18px 20px}
@media (prefers-reduced-motion:no-preference){.tile:hover{transform:none;border-color:#CFCFCA}}
.agenda li{border:1px solid var(--line);background:var(--tile);border-radius:14px;padding:20px}
.agenda .day{font-size:34px;font-weight:500}
.agenda .mo{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.agenda strong{font-size:15px;font-weight:500}
.agenda .note{font-size:13px}
.pipe{padding-block:28px}
.pipe b{font-size:clamp(30px,3.6vw,40px);font-weight:500}
.pipe span{font-size:13px}
.foot{margin-top:56px;padding-block:32px 48px}

/* ───── Espace équipe ───── */
.gate,.kpi,.list,.pcard,.form,.wcard,.wsdrop,.selcard,.led,.pubbar,.empty,.lastdrop,.howto,.finder,.cmp-wrap{background:var(--tile);border:1px solid var(--line)}
.gate{border-radius:20px;padding:40px 28px}
.kpi{border-radius:14px;padding:16px 18px}
.kpi b{font-size:26px;font-weight:500}
.kpi span{font-size:13px}
.list{border-radius:14px}
.list .when b{font-size:18px;font-weight:500}
.pcard{border-radius:14px;padding:18px}
.pcard h4{font-size:16px;font-weight:500}
.wcard{border-radius:14px}
.whead h4{font-size:16px;font-weight:500}
.res{font-size:14px}
.wcard .price{font-size:12px;font-weight:500;background:var(--soft);border-color:transparent}
.wsdrop{border-radius:16px;border-style:solid}
.wsdrop.over{border-color:var(--ink);border-style:dashed}
.drop-h{font-size:15px;font-weight:500}
.msg{font-size:15px}
.msg.me{background:var(--ink);color:#fff}
.msg.bot{background:var(--tile);border:1px solid var(--line)}
.composer{background:var(--bg)}
.composer .box{background:var(--tile)}
.composer .box:focus-within{border-color:var(--ink)}
.send{background:var(--ink)!important}
.chats li:hover,.chats li.on{background:var(--soft)}
.selcard h3{font-size:16px;font-weight:500}
.seled .sel-title{font:500 clamp(22px,2.6vw,30px)/1.15 var(--font)!important;letter-spacing:-.02em}
.seled .led-name{font-size:16px!important;font-weight:500!important}
.led-n{background:var(--ink)}
.pubbar.on{background:color-mix(in srgb,var(--ok) 6%,var(--tile))}

/* Fiche projet du workspace : claire */
.fiche{background:var(--tile);color:var(--ink);border:1px solid var(--line);border-radius:18px}
.fiche .mini,.fmeta{color:var(--muted)}
.logline{font-size:clamp(20px,2.4vw,26px);font-weight:500;letter-spacing:-.015em}
.intention{font-size:15px;color:var(--ink)}
.fblock{background:var(--bg)}
.fblock h5{color:var(--muted);font-weight:500}
.fchip{background:var(--soft)}
.fchip.ref{border-color:var(--line)}
.perso{background:var(--bg)}
.perso span{color:var(--muted)}
.big-num{font-size:19px;font-weight:500}
.face .av{font-weight:500}

@media (max-width:600px){
  body{font-size:15px}
  .big{min-height:360px;padding-top:80px}
}
.big.has-img,.big.has-img:nth-child(odd){color:#F5F5F7;background:#111!important}
.big.has-img .sub,.big.has-img .kicker,.big.has-img:nth-child(odd) .sub,.big.has-img:nth-child(odd) .kicker{color:#D6D6D2}
.big.has-img select,.big.has-img:nth-child(odd) select{color:#F5F5F7;border-color:rgba(255,255,255,.4);background-color:transparent}
.big.has-img a,.big.has-img:nth-child(odd) a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
@media (max-width:600px){.big .titre{font-size:15px}.big h2{font-size:28px}.hero h1{font-size:28px}.hero p{font-size:15px}}
.big>.cover{position:absolute!important;inset:0;z-index:0}.cover span{color:rgba(255,255,255,.08)}