/* HITBO24 — thème clair « Simplicité joyeuse » (piste C).
   Surcouche : charge-la après style.css. Pour revenir au thème nuit,
   retire simplement sa ligne dans index.html. */

:root{
  /* fonds */
  --night:#F4F8FD; --night-2:#E8F0FA; --sheet:#FFFFFF;
  --slate:#E3ECF8; --slate-2:#D6E2F2;
  /* accent chaud */
  --gold:#F0A23B; --gold-hi:#E08E22; --gold-dim:#A9660F;
  --gold-soft:rgba(240,162,59,.14); --gold-line:rgba(240,162,59,.55);
  /* texte */
  --paper:#16264A; --paper-2:#3C4E70; --grey:#5A6B87;
  --line:rgba(30,75,142,.16); --line-2:rgba(30,75,142,.28);
  /* cadran */
  --open:#1E4B8E; --miss:#D6E2F2;
  --ink:#16264A; --on-gold:#2A1B04;
  color-scheme:light;
}

body::before{background:radial-gradient(90% 55% at 50% 0%,rgba(30,75,142,.10) 0%,rgba(244,248,253,0) 70%),radial-gradient(70% 40% at 50% 100%,rgba(240,162,59,.10),transparent 70%)}

/* --- barres --- */
.top{background:linear-gradient(#F4F8FD 62%,rgba(244,248,253,0))}
.nav{background:rgba(255,255,255,.94);border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(30,75,142,.07)}
.nav-btn[aria-current="page"]{color:var(--open)}
.nav-btn[aria-current="page"] svg{color:var(--open)}
.nav-plus{background:var(--open);color:#FFFFFF;box-shadow:0 0 0 6px var(--night),0 10px 26px rgba(30,75,142,.32)}

/* --- boutons --- */
.btn-gold{background:var(--gold);color:var(--on-gold);box-shadow:0 8px 22px rgba(240,162,59,.30)}
.btn-gold:hover{background:var(--gold-hi)}
.btn-quiet{background:#FFFFFF;color:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.btn-quiet:hover{background:var(--night-2)}
.btn-light{background:var(--open);color:#FFFFFF}
.link,.link.inline{color:var(--open)}

/* --- textes d'accent : l'orange clair ne se lit pas sur fond blanc --- */
.gold,.rc-miss,.eyebrow.gold,.hello{color:var(--gold-dim)}
.pill-gold{color:var(--gold-dim);background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold-line)}
.pill{background:rgba(30,75,142,.07);box-shadow:inset 0 0 0 1px var(--line)}
.live i,.notice-line i{background:var(--gold)}

/* --- cartes, listes, champs --- */
.card{background:#FFFFFF;box-shadow:0 10px 28px rgba(30,75,142,.10),inset 0 0 0 1px var(--line)}
.card.need{background:#FFFFFF;box-shadow:0 10px 28px rgba(30,75,142,.12),inset 0 0 0 1.5px var(--gold-line)}
.moment-card{box-shadow:0 10px 28px rgba(30,75,142,.12),inset 0 0 0 1.5px var(--gold-line)}
.li,.setting,.row-link,.need-mini,.plus-item{background:#FFFFFF}
.list{box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;overflow:hidden}
.input{background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--paper)}
.input::placeholder{color:#8496B2}
.opt{background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--line-2)}
.opt[aria-checked="true"]{background:var(--gold-soft);box-shadow:inset 0 0 0 2px var(--gold-line)}
.switch{background:var(--slate-2)}
.switch::after{background:#FFFFFF;box-shadow:0 1px 3px rgba(22,38,74,.3)}
.switch[aria-checked="true"]{background:var(--gold)}
.switch[aria-checked="true"]::after{background:#FFFFFF}
.pchip{background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--paper-2)}
.pchip.need{color:var(--paper);box-shadow:inset 0 0 0 1.5px var(--gold-line);background:var(--gold-soft)}
.pchip[aria-pressed="true"]{background:var(--gold);color:var(--on-gold);box-shadow:none}
.seg,.dayrow,.days,.langs,.opts{--seg-bg:#FFFFFF}
.seg button,.dayrow button,.days button,.langs button{background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--paper-2)}
.seg button[aria-pressed="true"],.dayrow button[aria-pressed="true"],.days button[aria-pressed="true"],.langs button[aria-pressed="true"]{background:var(--gold-soft);color:var(--gold-dim);box-shadow:inset 0 0 0 2px var(--gold-line)}

/* --- fenêtres du bas --- */
.scrim{background:rgba(22,38,74,.34)}
.sheet{background:var(--sheet);box-shadow:0 -12px 40px rgba(30,75,142,.18)}
.grab{background:var(--slate-2)}
.moment{background:linear-gradient(#FFFFFF,#EAF1FA)}

/* --- cadran : encre bleue sur fond clair --- */
.dial .bezel{stroke:rgba(30,75,142,.16)}
.dial .bezel.in{stroke:rgba(30,75,142,.08)}
.dial .tick{stroke:rgba(30,75,142,.24)}
.dial .tick.mid{stroke:rgba(30,75,142,.4)}
.dial .tick.major{stroke:var(--open)}
.dial .lbl{fill:var(--grey)}
.dial .lbl.major{fill:var(--open)}
.dial .track{stroke:rgba(30,75,142,.10)}
.dial .s-eng{stroke:var(--open)}
.dial .s-past{stroke:#8FA8C9}
.dial .s-mine{stroke:var(--gold);filter:drop-shadow(0 0 5px rgba(240,162,59,.5))}
.dial .s-open{stroke:var(--miss)}
.dial .s-miss{stroke:#E6EBF3}
.dial .hand line{stroke:var(--gold-dim);opacity:.9}
.dial .hand .tip{fill:var(--gold-dim)}
.dial .hand .halo{fill:var(--gold)}
.dial .sweep{stroke:var(--gold)}

/* --- aperçu de partage --- */
.og-img{background:linear-gradient(135deg,#1E4B8E,#16264A);color:#FFFFFF}
.bubble{background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--line)}
.lnk{color:var(--open)}

/* --- splash --- */
#splash{background:#F4F8FD;color:var(--paper)}

/* =============== Refonte simplifiée =============== */
.home.simple{display:flex;flex-direction:column;gap:16px;padding-bottom:12px}
.home.simple .intro{padding-top:2px}
.q{font-size:clamp(23px,6.4vw,28px);font-weight:700;line-height:1.24;letter-spacing:-.01em;font-family:var(--f-body)}
.day-card{gap:12px;padding:20px}
.day-left{font-size:15px;color:var(--grey)}
.day-left b{color:var(--gold-dim)}
.daybar{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:2px;height:44px}
.daybar i{border-radius:3px;background:var(--slate-2)}
.daybar i.full{background:var(--open)}
.daybar i.part{background:#7FA0CC}
.daybar i.free{background:#DCE6F4}
.daybar i.mine{background:var(--gold)}
.daybar i.unknown{background:#EEF3F9}
.daybar i.past{opacity:.45}
.daybar-h{display:flex;justify-content:space-between;font-size:11.5px;color:#8496B2}
.legend.wide{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--grey)}
.legend.wide i{width:12px;height:12px;border-radius:3px;display:inline-block;margin-inline-end:6px;vertical-align:-1px}
.legend.wide i.full{background:var(--open)}.legend.wide i.free{background:#DCE6F4}.legend.wide i.mine{background:var(--gold)}
.next-line{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:0;border-radius:20px;background:rgba(30,75,142,.07);color:var(--paper);text-align:start;cursor:pointer;font:inherit}
.next-line.live{background:var(--gold-soft);box-shadow:inset 0 0 0 1.5px var(--gold-line)}
.next-line svg{width:22px;height:22px;flex:none;color:var(--open)}
.next-line .grow{display:flex;flex-direction:column;gap:2px}
.next-line b{font-size:17px}
.cta-zone{display:grid;gap:8px}
.cta-zone .btn{min-height:60px;font-size:17.5px}
/* choisir */
.step{display:flex;align-items:center;gap:9px;margin-top:6px}
.step-n{width:22px;height:22px;border-radius:50%;background:var(--open);color:#fff;font-size:12.5px;font-weight:700;display:grid;place-items:center}
.step-t{font-size:14px;color:var(--grey)}
.step-x{margin-inline-start:auto;font-size:12.5px;color:#8496B2}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.chip-day{flex:1 0 auto;min-width:96px;min-height:56px;padding:8px 12px;border-radius:16px;border:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line-2);display:grid;gap:2px;text-align:center;cursor:pointer;font:inherit;color:var(--paper-2)}
.chip-day b{font-size:14.5px;color:var(--paper)}
.chip-day span{font-size:11.5px;color:var(--grey)}
.chip-day[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--open);background:rgba(30,75,142,.08)}
.chip-day.other{display:flex;align-items:center;gap:8px;justify-content:center;color:var(--open)}
.chip-day.other svg{width:18px;height:18px}
.tlist{display:grid;gap:8px}
.trow{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border:0;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--gold-line);text-align:start;cursor:pointer;font:inherit;color:var(--paper)}
.trow.held{box-shadow:inset 0 0 0 1.5px var(--line);background:#F7FAFE}
.trow .grow{display:flex;flex-direction:column;gap:2px}
.trow b{font-size:19px}
.trow span span{font-size:12.5px}
.trow .gold{color:var(--gold-dim);font-weight:600}
/* calendrier */
.cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cal-head b{font-size:17px;text-transform:capitalize}
.cal-wd,.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.cal-wd{text-align:center;font-size:12px;color:#8496B2;margin-top:6px}
.cday{min-height:56px;border:0;border-radius:14px;background:transparent;display:grid;justify-items:center;align-content:center;gap:5px;cursor:pointer;font:inherit;color:var(--paper)}
.cday span{font-size:16px;font-weight:500}
.cday i{width:22px;height:4px;border-radius:2px;background:#E6EBF3}
.cday.full i{background:var(--open)}
.cday.free i{background:#B9CDE8}
.cday.mine i{background:var(--gold)}
.cday.past{color:#B3BECE;cursor:default}
.cday.on{background:var(--open);color:#fff}
.cday.on span{font-weight:700}
.cday.on i{background:#fff}
/* répéter */
.untils{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.untils button{min-height:58px;border:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line-2);display:grid;place-content:center;gap:2px;text-align:center;cursor:pointer;font:inherit;color:var(--paper-2)}
.untils b{font-size:16px;color:var(--paper)}
.untils span{font-size:12.5px}
.untils button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--gold-line);background:var(--gold-soft);color:var(--gold-dim)}
.untils button[aria-pressed="true"] b{color:var(--gold-dim)}
.recap{display:flex;gap:12px;padding:16px 18px;border-radius:20px;background:#F7FAFE;font-size:14.5px;line-height:1.5}
.recap svg{width:20px;height:20px;flex:none;color:var(--open);margin-top:2px}
.recap b{font-weight:700}
.home.simple .stage{display:grid;justify-items:center;margin-top:2px}
.home.simple .dial-wrap{width:min(78vw,330px)}
.tap-hint{margin:-2px 0 2px;text-align:center;font-size:13px;color:var(--grey)}
.dial .hit{stroke-width:64}   /* zone tactile plus épaisse que l'anneau dessiné */
.time-edit{display:flex;align-items:center;gap:10px}
.time-edit .need-time{text-align:center}
.icon-btn.round{width:46px;height:46px;flex:none;border-radius:50%;border:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line-2);font-size:24px;line-height:1;color:var(--open);cursor:pointer}
.icon-btn.round[disabled]{opacity:.35;cursor:default}
.seg.sm button{min-height:42px;font-size:13.5px}
.time-edit{display:flex;align-items:center;gap:12px;margin-top:2px}
.time-edit .lab{font-size:14px;color:var(--grey)}
.input.time{flex:1;min-height:52px;font-size:20px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}