/* SobriZen — palette clinique globale inspirée d'un hôpital moderne.
   Chargée en dernier pour harmoniser l'accueil, le suivi, la santé,
   les exercices, les jeux, les graphiques, les formulaires et les modales. */

:root{
  --clinical-white:#ffffff;
  --clinical-ice:#eefafd;
  --clinical-frost:#e4f6f8;
  --clinical-aqua:#cfeef2;
  --clinical-aqua-2:#b8e3e8;
  --clinical-cyan:#72c9d1;
  --clinical-teal:#3aa5b1;
  --clinical-teal-strong:#267e8a;
  --clinical-blue:#4b94b4;
  --clinical-blue-strong:#327893;
  --clinical-mint:#dff4ef;
  --clinical-ink:#173b43;
  --clinical-muted:#607c84;
  --clinical-line:#c8e3e8;
  --clinical-shadow:0 12px 34px rgba(39,111,123,.10);
  --clinical-warning-bg:#fff7e8;
  --clinical-warning:#97642b;
  --clinical-danger:#b94d5c;

  --bg:var(--clinical-ice);
  --card:var(--clinical-white);
  --text:var(--clinical-ink);
  --muted:var(--clinical-muted);
  --line:var(--clinical-line);
  --green:var(--clinical-teal-strong);
  --soft:var(--clinical-frost);
  --peach:#edf7f8;
  --lavender:#e9f2f8;
  --warn:var(--clinical-warning);
  --shadow:var(--clinical-shadow);

  --axis-home:#3ca7b4;
  --axis-progress:#2f879e;
  --axis-health:#39a9a8;
  --axis-journey:#58a8c0;
  --axis-journal:#548fb3;
  --axis-movement:#319b91;
  --axis-games:#63afc1;
  --axis-community:#4b91b3;
  --axis-profile:#347d99;
  --axis-current:var(--axis-home);
}

body.ux-ready{
  --bg:var(--clinical-ice);
  --card:var(--clinical-white);
  --text:var(--clinical-ink);
  --muted:var(--clinical-muted);
  --line:var(--clinical-line);
  --green:var(--clinical-teal-strong);
  --soft:var(--clinical-frost);
  --peach:#edf7f8;
  --lavender:#e9f2f8;
  --warn:var(--clinical-warning);
  --shadow:var(--clinical-shadow);
  --ux-accent:var(--axis-current);
  --axis-home:#3ca7b4;
  --axis-progress:#2f879e;
  --axis-health:#39a9a8;
  --axis-journey:#58a8c0;
  --axis-journal:#548fb3;
  --axis-movement:#319b91;
  --axis-games:#63afc1;
  --axis-community:#4b91b3;
  --axis-profile:#347d99;
}

body[data-page="home"]{--axis-current:var(--axis-home);--green:var(--axis-home);--ux-accent:var(--axis-home)}
body[data-page="progress"]{--axis-current:var(--axis-progress);--green:var(--axis-progress);--ux-accent:var(--axis-progress)}
body[data-page="health"]{--axis-current:var(--axis-health);--green:var(--axis-health);--ux-accent:var(--axis-health)}
body[data-page="journey"]{--axis-current:var(--axis-journey);--green:var(--axis-journey);--ux-accent:var(--axis-journey)}
body[data-page="journal"]{--axis-current:var(--axis-journal);--green:var(--axis-journal);--ux-accent:var(--axis-journal)}
body[data-page="movement"]{--axis-current:var(--axis-movement);--green:var(--axis-movement);--ux-accent:var(--axis-movement)}
body[data-page="games"]{--axis-current:var(--axis-games);--green:var(--axis-games);--ux-accent:var(--axis-games)}
body[data-page="community"]{--axis-current:var(--axis-community);--green:var(--axis-community);--ux-accent:var(--axis-community)}
body[data-page="profile"]{--axis-current:var(--axis-profile);--green:var(--axis-profile);--ux-accent:var(--axis-profile)}

body,
body.ux-ready{
  color:var(--clinical-ink);
  background:
    linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(239,250,252,.96) 45%,rgba(220,243,246,.94) 100%),
    radial-gradient(circle at 88% 4%,rgba(113,201,210,.24),transparent 32rem),
    radial-gradient(circle at 9% 46%,rgba(184,227,232,.35),transparent 28rem),
    var(--clinical-ice)!important;
  background-attachment:fixed!important;
}

/* Accueil et connexion */
#welcome{
  background:linear-gradient(135deg,#f8feff 0%,#edf9fb 100%);
}
.welcome-hero{
  background:
    linear-gradient(145deg,rgba(255,255,255,.22),transparent 38%),
    linear-gradient(145deg,#339aaa 0%,#58bdc7 51%,#9adce1 100%)!important;
}
.welcome-hero:after{
  border-color:#ffffff80!important;
  box-shadow:0 0 0 50px #ffffff18,0 0 0 100px #ffffff0c!important;
}
.welcome-hero :is(h1,p,.eyebrow,.hero-tags span){color:#fff!important}
.welcome-hero em{color:#f4ffff!important}
.hero-tags span{border-color:#ffffff70!important;background:#ffffff12}
.welcome-form{background:linear-gradient(180deg,#ffffff 0%,#f8feff 100%)}
.welcome-form .badge{background:var(--clinical-frost)!important;color:var(--clinical-teal-strong)!important}
.light{background:#fff!important;color:var(--clinical-teal-strong)!important}

/* Structure générale */
body.ux-ready #appNav,
#appNav{
  background:linear-gradient(180deg,#fbfeff 0%,#edf9fb 100%)!important;
  border-color:var(--clinical-line)!important;
}
body.ux-ready header,
header{
  background:rgba(248,254,255,.92)!important;
  border-color:var(--clinical-line)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
body.ux-ready footer,
footer{border-color:var(--clinical-line)!important}

#nav button{--nav-accent:var(--axis-home)}
#nav button[data-page="home"]{--nav-accent:var(--axis-home)}
#nav button[data-page="progress"]{--nav-accent:var(--axis-progress)}
#nav button[data-page="health"]{--nav-accent:var(--axis-health)}
#nav button[data-page="journey"]{--nav-accent:var(--axis-journey)}
#nav button[data-page="journal"]{--nav-accent:var(--axis-journal)}
#nav button[data-move="open"]{--nav-accent:var(--axis-movement)}
#nav button[data-page="games"]{--nav-accent:var(--axis-games)}
#nav button[data-page="community"]{--nav-accent:var(--axis-community)}
#nav button[data-page="profile"]{--nav-accent:var(--axis-profile)}
body.ux-ready #nav button.selected,
#nav button.selected{
  background:color-mix(in srgb,var(--nav-accent) 13%,#fff)!important;
  border-color:color-mix(in srgb,var(--nav-accent) 34%,var(--clinical-line))!important;
  color:var(--nav-accent)!important;
}
body.ux-ready #nav button.selected .ux-nav-label{color:var(--nav-accent)!important}
body.ux-ready #nav button:hover{background:color-mix(in srgb,var(--nav-accent) 8%,#fff)!important}
.menu-toggle,.drawer-close,.avatar{
  background:#fff!important;
  border-color:var(--clinical-line)!important;
  color:var(--axis-current)!important;
}
.nav-scrim{background:rgba(18,71,81,.42)!important}

/* Surfaces, cartes et formulaires */
body.ux-ready :is(.card,.stat,.tl-action-card,.mv-card,.hz-evidence,.dy-primary-grid>section,.dy-secondary-grid>section),
:is(.card,.stat,.tl-action-card,.mv-card,.hz-evidence){
  background:linear-gradient(180deg,#ffffff 0%,#f9feff 100%)!important;
  border-color:var(--clinical-line)!important;
  box-shadow:var(--clinical-shadow)!important;
}
body.ux-ready :is(.card.peach,.card.purple),
:is(.card.peach,.card.purple){
  background:linear-gradient(145deg,#eef9fa 0%,#e5f3f6 100%)!important;
}
body.ux-ready :is(.card.green,.tl-hero),
:is(.card.green,.tl-hero){
  background:linear-gradient(145deg,var(--axis-current) 0%,color-mix(in srgb,var(--axis-current) 58%,#91dce1) 100%)!important;
  color:#fff!important;
}
body.ux-ready :is(input,textarea,select),
:is(input,textarea,select){
  background:#fff!important;
  color:var(--clinical-ink)!important;
  border-color:#bddde3!important;
}
body.ux-ready :is(input,textarea,select):focus,
:is(input,textarea,select):focus{border-color:var(--axis-current)!important}
body.ux-ready :is(button,a,input,textarea,select,summary):focus-visible,
:is(button,a,input,textarea,select,summary):focus-visible{
  outline-color:#52aeba!important;
}
body.ux-ready .primary,
.primary{
  background:linear-gradient(135deg,var(--axis-current),color-mix(in srgb,var(--axis-current) 72%,#74d0d7))!important;
  border-color:transparent!important;
  color:#fff!important;
}
body.ux-ready .secondary,
.secondary{
  background:linear-gradient(180deg,#eef9fa,#e3f4f6)!important;
  border-color:var(--clinical-line)!important;
  color:var(--clinical-teal-strong)!important;
}
body.ux-ready :is(.badge,.tag),
:is(.badge,.tag){
  background:linear-gradient(180deg,#edf9fa,#dff2f5)!important;
  color:var(--clinical-teal-strong)!important;
  border-color:var(--clinical-line)!important;
}
.tabs,.filters,.tl-chart-periods,.tl-simple-periods,.hz-range,.mv-tabs{
  background:linear-gradient(180deg,#e8f7f9,#dff1f4)!important;
  border-color:var(--clinical-line)!important;
}
.tabs button.selected,.filters .selected,.tl-chart-periods .is-selected,.tl-simple-periods button[aria-pressed="true"],.hz-range button.selected,.mv-tabs button[aria-selected="true"]{
  background:#fff!important;
  color:var(--axis-current)!important;
  border-color:var(--clinical-line)!important;
}
.error-box,.mv-warning,.hz-safety{
  background:var(--clinical-warning-bg)!important;
  color:var(--clinical-warning)!important;
  border-color:#e5cda5!important;
}
.demo-banner,.net{
  background:#e3f5f7!important;
  color:var(--clinical-teal-strong)!important;
  border-color:var(--clinical-line)!important;
}
dialog:not(.ga-play):not(.pz-play){
  background:linear-gradient(180deg,#fff 0%,#f4fbfc 100%)!important;
  border-color:var(--clinical-line)!important;
}
dialog:not(.ga-play):not(.pz-play)::backdrop{background:rgba(21,75,85,.42)!important}
#notice{background:var(--clinical-ink)!important;color:#fff!important}

/* Tableau de bord quotidien */
body.ux-ready :is(.dy-page,.dy-calendar,#dailyEntryForm),
:is(.dy-page,.dy-calendar,#dailyEntryForm){
  --dy-paper:#fff;
  --dy-ink:var(--clinical-ink);
  --dy-muted:var(--clinical-muted);
  --dy-line:var(--clinical-line);
  --dy-accent:var(--axis-current);
  --dy-button:var(--axis-current);
  --dy-button-hover:color-mix(in srgb,var(--axis-current) 82%,#155c67);
  --dy-sage:#e4f5f7;
  --dy-sage-border:#a8d5dc;
  --dy-day-border:#90bbc3;
  --dy-estimated-border:#7daab3;
  --dy-consumed:#e8f1f3;
  --dy-consumed-ink:#4e6d75;
  --dy-focus-ring:#4daeba;
}
.dy-focus,.dy-benefit,.dy-goal,.dy-today{border-color:var(--clinical-line)!important}
.dy-focus{background:linear-gradient(145deg,#e7f7f8,#d9eff2)!important}
.dy-earned,.dy-cap-track{border-color:#9bcbd2!important}
.dy-primary-grid>section,.dy-secondary-grid>section{box-shadow:0 8px 24px rgba(42,113,124,.07)!important}
.dy-calendar :is(.is-sober,.sober),.calendar .sober{background:#dff4ef!important;color:#267b73!important;border-color:#76bbb3!important}
.dy-calendar :is(.is-consumed,.consumed),.calendar .drank{background:#e8f1f3!important;color:#516f77!important;border-color:#a8c5ca!important}

/* Suivi, courbes et historique */
.tl-chart{--tl-low:#9fdde1;--tl-high:#287d89}
.tl-chart-band-sample{background:#9fdde140!important;border-color:#6bbbc5!important}
.tl-chart-colour-key i{background:linear-gradient(90deg,#9fdde1,#287d89)!important}
.tl-chart-readout,.tl-chart-stat,.tl-simple-metric,.ux-pause-actions button{
  background:#f2fafb!important;
  border-color:var(--clinical-line)!important;
}
.tl-chart-stat.is-selected,.tl-simple-metric[open]{background:#fff!important;border-color:var(--axis-current)!important}
.tl-chart-gridline,.hz-grid-line{stroke:var(--clinical-line)!important}
.tl-current{border-left-color:var(--axis-current)!important}
.progress-track,.tl-progress-track,.dy-cap-track{background:#cbe5e9!important}
.progress-track>div,.tl-progress-track>div,.dy-cap-fill{background:linear-gradient(90deg,var(--axis-current),#79cdd4)!important}

/* Santé et bienfaits */
.hz-hero{
  background:linear-gradient(135deg,#267d89 0%,#43aab2 58%,#7bcbd2 100%)!important;
}
.hz-hero :is(h2,p,.hz-kicker,.hz-hero-bottom,.hz-counter span,.hz-counter small){color:#f6ffff!important}
.hz-counter{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.52)!important}
.hz-context,.hz-personal-prompt,.hz-empty-chart{background:#e8f7f8!important}
.hz-metric,.hz-stage,.hz-outlook{background:#fff!important;border-color:var(--clinical-line)!important}
.hz-metric.selected,.hz-stage.selected{background:#e3f5f7!important;border-color:var(--axis-health)!important}
.hz-evidence.hz-physical{border-top-color:#3da9a0!important}
.hz-evidence.hz-mental{border-top-color:#4b94b4!important}
.hz-icon{background:#dff4ef!important;color:#287e76!important}
.hz-mental .hz-icon{background:#e5f1f7!important;color:#397e9e!important}
.hz-trend-better{color:#237e76!important}.hz-trend-worse{color:#9b672d!important}
.hz-chart-point{fill:var(--axis-health)!important}

/* Mouvement et illustrations */
.mv-intro,.mv-guided,.mv-safety,#movement-player .mv-timer-box{
  background:linear-gradient(145deg,#edf9fa,#e1f3f5)!important;
  border-color:var(--clinical-line)!important;
}
.mv-art,#movement-player .mv-player-art{background:#e7f7f9!important}
.mv-dose{background:#dff2f4!important;color:var(--clinical-teal-strong)!important}
.mv-doux{background:#3aa49b!important}.mv-moyen{background:#4ca9bb!important}.mv-intense{background:#4d88a7!important}
#movement-player .mv-clock{color:var(--axis-movement)!important}
.mv-svg [fill="#edf4ef"]{fill:#e8f8fa!important}
.mv-svg [fill="#e0eee4"]{fill:#d4f0f3!important}
.mv-svg [stroke="#cbded0"]{stroke:#acd8de!important}
.mv-svg [fill="#fafaf6"]{fill:#ffffff!important}
.mv-svg [stroke="#d4e3d7"]{stroke:#b9dfe4!important}
.mv-svg [fill="#c7dfd0"]{fill:#bfe8ec!important}
.mv-svg [fill="#99bca5"],.mv-svg [stroke="#99bca5"]{fill:#66b8b2!important;stroke:#66b8b2!important}
.mv-svg [fill="#d8c4ac"]{fill:#9ccbd1!important}
.mv-svg [fill="#abcbbb"]{fill:#83c5cd!important}
.mv-svg [stroke="#c0d7c7"]{stroke:#9ed2d8!important}
.mv-svg [stroke="#168a7c"]{stroke:#338f9b!important}
.mv-svg [stroke="#117264"]{stroke:#246f7a!important}
.mv-svg [stroke="#ba9574"]{stroke:#7faeb7!important}

/* Bibliothèque de jeux */
body.ux-ready .ga-library{--ga-accent:var(--axis-games);--ga-ink:var(--clinical-ink);--ga-sub:var(--clinical-muted);--ga-border:#9bcbd2}
body.ux-ready .ga-card{
  color:var(--clinical-ink)!important;
  border-color:#b8dce2!important;
  background:linear-gradient(145deg,#f9feff 0%,#dff3f6 100%)!important;
  box-shadow:0 10px 26px rgba(40,111,124,.10)!important;
}
body.ux-ready .ga-card>span:not(.ga-card-icon){color:var(--clinical-muted)!important}
body.ux-ready .ga-card small,body.ux-ready .ga-card strong{color:var(--clinical-teal-strong)!important}
body.ux-ready .ga-theme-snake{--ga-accent:#319b91}
body.ux-ready .ga-theme-blocks{--ga-accent:#4c91ac}
body.ux-ready .ga-theme-merge{--ga-accent:#5aa9bc}
body.ux-ready .ga-theme-sequence{--ga-accent:#3e8fa7}
body.ux-ready .ga-theme-memory{--ga-accent:#4ea8ae}
body.ux-ready .ga-theme-reaction{--ga-accent:#5d9db9}
body.ux-ready .ga-theme-taps{--ga-accent:#55b6c6}
body.ux-ready .ga-theme-ground{--ga-accent:#3b9d93}

/* Jeux plein écran : mêmes bleus d'hôpital, plus soutenus pour la lisibilité */
body.ux-ready dialog.ga-play{
  --ga-ink:#173b43;
  --ga-sub:#55747c;
  --ga-border:#9acbd3;
  background:
    radial-gradient(circle at 15% 0%,rgba(101,199,208,.28),transparent 48%),
    linear-gradient(180deg,#eefafd 0%,#dceff3 100%)!important;
  color:var(--clinical-ink)!important;
  color-scheme:light!important;
}
body.ux-ready dialog.ga-play::backdrop{background:#dceff3!important}
body.ux-ready .ga-play :is(.ga-top,.ga-hud,.ga-status){color:var(--clinical-ink)!important;border-color:#b7dce2!important}
body.ux-ready .ga-play :is(button,.ga-top button){background:#fff!important;color:var(--clinical-ink)!important;border-color:#9fcdd5!important}
body.ux-ready .ga-play button.ga-pressed{background:#cae9ed!important;border-color:#70b8c2!important}
body.ux-ready .ga-play .ga-key{background:linear-gradient(#ffffff,#d9eef2)!important;border-color:#8fc4cd!important;color:#214b54!important}
body.ux-ready .ga-play .ga-key.ga-rotate{background:linear-gradient(#edf8fa,#c9e6eb)!important;border-color:#79b7c2!important}
body.ux-ready .ga-play .ga-key.ga-drop{background:#dceff2!important;border-color:#8abac3!important}
body.ux-ready .ga-play .ga-canvas{background:#e8f7f9!important;border-color:#a8d3da!important;box-shadow:0 8px 26px rgba(36,101,112,.12)!important;filter:hue-rotate(142deg) saturate(.58) brightness(1.28)}
body.ux-ready .ga-play .ga-cover{background:rgba(222,242,246,.90)!important}
body.ux-ready .ga-play .ga-modal{background:linear-gradient(145deg,#fff,#e3f4f6)!important;border-color:#9fcdd5!important;color:var(--clinical-ink)!important;box-shadow:0 24px 70px rgba(33,91,102,.18)!important}
body.ux-ready .ga-play .ga-modal p,body.ux-ready .ga-play .ga-quiet,body.ux-ready .ga-play small{color:var(--clinical-muted)!important}
body.ux-ready .ga-play button.ga-primary{background:linear-gradient(135deg,#61c2ca,#3d9eaa)!important;color:#fff!important}
body.ux-ready .ga-memory-key{background:linear-gradient(145deg,#fff,#cfe9ed)!important;border-color:#98c8d0!important}
body.ux-ready .ga-memory-key.ga-matched{background:#dff3f4!important;border-color:var(--ga-accent)!important}
body.ux-ready .ga-reaction{background:radial-gradient(circle at 35% 25%,#f8feff,#cfe8ed)!important;border-color:#86bcc6!important;color:var(--clinical-ink)!important}
body.ux-ready .ga-reaction>small{color:var(--clinical-muted)!important}
body.ux-ready .ga-reaction.ga-signal{background:#ccefeb!important;color:#164f50!important;border-color:#5daea8!important}
body.ux-ready .ga-arena{background:radial-gradient(ellipse,#f5fdfe,#d5edf1)!important;border-color:#93c7d0!important}
body.ux-ready .ga-target span{border-color:#fff!important;background:radial-gradient(circle at 35% 25%,#ddf7fa,#69c1cf)!important;color:#164b57!important}
body.ux-ready .ga-merge{background:#d9edf1!important;border-color:#9bcbd3!important}
body.ux-ready .ga-tile,body.ux-ready .ga-moving-tile{background:#c6e2e7!important;color:#17434d!important}
body.ux-ready .ga-tile.ga-filled,body.ux-ready .ga-moving-tile{background:hsl(calc(188 + var(--tile)*2) 52% calc(91% - var(--tile)*3%))!important}
body.ux-ready .ga-sequence-key:nth-child(1){background:#d3efed!important;border-color:#65aaa4!important;color:#286f69!important}
body.ux-ready .ga-sequence-key:nth-child(2){background:#d8edf1!important;border-color:#72b5c1!important;color:#286d78!important}
body.ux-ready .ga-sequence-key:nth-child(3){background:#dcecf5!important;border-color:#75a9c3!important;color:#356f8c!important}
body.ux-ready .ga-sequence-key:nth-child(4){background:#cce9ed!important;border-color:#5aa7b3!important;color:#246774!important}
body.ux-ready .ga-sequence-key.ga-lit{background:#fff!important;color:#1e5c63!important;border-color:#4aa9b2!important;box-shadow:0 0 26px rgba(75,177,188,.35)!important}
body.ux-ready .ga-count{background:rgba(220,241,245,.72)!important;color:#226f7a!important;text-shadow:none!important}

/* Cinq puzzles Premium */
body.ux-ready .pz-card,
body.ux-ready .pz-card[data-brain-game]{
  color:var(--clinical-ink)!important;
  background:linear-gradient(145deg,#f9feff,#dff3f6)!important;
  border-color:#b8dce2!important;
}
body.ux-ready dialog.pz-play{
  --accent:#3da8b2;
  --surface:#ffffff;
  --edge:#a4d0d7;
  background:radial-gradient(circle at 18% 0%,rgba(99,190,200,.26),transparent 50%),linear-gradient(180deg,#eefafd,#dceff3)!important;
  color:var(--clinical-ink)!important;
  color-scheme:light!important;
}
body.ux-ready dialog.pz-play::backdrop{background:#dceff3!important}
body.ux-ready .pz-play button{background:#fff!important;color:var(--clinical-ink)!important;border-color:#9fcdd5!important;box-shadow:0 3px 0 rgba(68,134,145,.12)!important}
body.ux-ready .pz-top{border-color:#b9dce1!important}
body.ux-ready .pz-score,.body.ux-ready .pz-message{color:var(--clinical-muted)!important}
body.ux-ready .pz-progress{background:#c7e4e8!important}
body.ux-ready .pz-progress i{background:linear-gradient(90deg,#75cbd2,#348f9c)!important}
body.ux-ready .pz-stage canvas{border-color:#9ecdd5!important;box-shadow:0 10px 30px rgba(39,101,112,.14)!important;filter:hue-rotate(145deg) saturate(.60) brightness(1.24)}
body.ux-ready .pz-tray button[aria-pressed="true"]{background:#d6eef1!important;outline-color:#4aa3ad!important}
body.ux-ready .pz-used{border-color:#a8d2d8!important;color:#6c9097!important}
body.ux-ready .pz-cover{background:rgba(221,242,246,.90)!important}
body.ux-ready .pz-modal{background:linear-gradient(145deg,#fff,#e2f3f5)!important;border-color:#9fcdd5!important;color:var(--clinical-ink)!important;box-shadow:0 24px 80px rgba(34,92,102,.18)!important}
body.ux-ready .pz-modal :is(p,.pz-quiet){color:var(--clinical-muted)!important}
body.ux-ready .pz-modal button.pz-primary{background:linear-gradient(135deg,#68c6ce,#3c9daa)!important;color:#fff!important}

/* Le rouge reste réservé aux erreurs et aux urgences. */
.danger,.hz-delete,[data-danger="true"]{color:var(--clinical-danger)!important}

/* Mode sombre : bleu clinique profond, sans brun ni violet. */
body.ux-ready.dark,
body.dark{
  --bg:#102e35;
  --card:#173c44;
  --text:#eefcfe;
  --muted:#b3d2d7;
  --line:#315a63;
  --green:#83d3da;
  --soft:#1e4a53;
  --peach:#1d444c;
  --lavender:#1c4652;
  --warn:#e7c28d;
  --clinical-ink:#eefcfe;
  --clinical-muted:#b3d2d7;
  background:linear-gradient(180deg,#102e35,#153b43)!important;
}
body.dark #appNav,body.ux-ready.dark #appNav{background:linear-gradient(180deg,#173c44,#12333a)!important}
body.dark header,body.ux-ready.dark header{background:rgba(16,46,53,.92)!important}
body.dark :is(.card,.stat,.tl-action-card,.mv-card,.hz-evidence),body.ux-ready.dark :is(.card,.stat,.tl-action-card,.mv-card,.hz-evidence){background:linear-gradient(180deg,#183e46,#15373e)!important}
body.dark :is(input,textarea,select),body.ux-ready.dark :is(input,textarea,select){background:#173c44!important;color:#eefcfe!important;border-color:#3c6871!important}

@media(max-width:800px){
  body.ux-ready #appNav{background:linear-gradient(180deg,#fbfeff,#eaf7f9)!important}
  body.ux-ready.dark #appNav{background:linear-gradient(180deg,#173c44,#12333a)!important}
}

@media(prefers-reduced-motion:reduce){
  .ga-canvas,.pz-stage canvas{filter:none!important}
}