/* Odette : charte du kit de marque (Odette-Brand-Kit/09-couleurs et 08-typographie), 2026-11-01.
   Chargé en dernier : il ne change que les jetons de couleur, les polices de titres et les surfaces teintées de vert des feuilles précédentes.
   La couleur choisie par l'établissement (--brand, réglée par applyBrand) garde la priorité sur le bleu par défaut. */
:root{
  --brand:#2563ff;--brand-ink:#1747d1;
  --bg:#eef2f8;--surface:#fff;--sunken:#e6ebf3;--ink:#1b2b44;--muted:#5b6b83;--faint:#8794a8;--line:#d5ddea;
  --ok:#0f7b55;--ok-bg:#e1f3ec;--warn:#a35200;--warn-bg:#fdeed8;--bad:#c62828;--bad-bg:#fbe6e6;
  --brand-soft:color-mix(in srgb,var(--brand) 8%,#fff);--brand-tint:color-mix(in srgb,var(--brand) 16%,#fff);--brand-line:color-mix(in srgb,var(--brand) 26%,#d5ddea);
  --copper:#ff8a00;--platform-accent:#ff8a00;
  --title:'Montserrat','Segoe UI',system-ui,sans-serif;--display:'Montserrat','Segoe UI',system-ui,sans-serif;
  --shadow:0 1px 2px #0b1f3b0d,0 10px 28px -16px #0b1f3b33;
}
body[data-style="moderne"]{--display:'Montserrat','Segoe UI',system-ui,sans-serif}
h1,.page-head h1{font-family:var(--title);font-weight:800;letter-spacing:-.03em;font-variation-settings:normal}
h1{color:var(--ink)}
.sidebar{background:var(--surface);border-right-color:var(--line)}
.auth-tabs{background:var(--sunken)}
main>header{border-bottom-color:var(--line)}
.mock-top{background:#f5f8fd}.mock-kpis div{border-color:var(--line)}
.auth-showcase{background:radial-gradient(ellipse at 100% 0%,#2563ff 0%,#12306a 46%,#0b1f3b 100%)}
.auth-showcase .eyebrow{color:#7fe9f5}
.auth-showcase .mock{box-shadow:0 24px 60px #0b1f3b66}
.product-logo{width:230px}
.footer-logo{width:150px}
.console-logo{width:190px}

/* Thème sombre : marine au lieu du vert */
:root[data-theme=dark]{
  --bg:#0a1730;--surface:#0f2445;--sunken:#152c52;--ink:#e8eefb;--muted:#9db0cf;--faint:#7b8fb3;--line:#22406e;
  --brand-soft:color-mix(in srgb,var(--brand) 22%,#0f2445);--brand-tint:color-mix(in srgb,var(--brand) 32%,#0f2445);--brand-line:color-mix(in srgb,var(--brand) 40%,#22406e);
  --brand-ink:#9db8ff;
}
:root[data-theme=dark] nav button.active,:root[data-theme=dark] #tabbar button.active{color:#b3c8ff}
:root[data-theme=dark] .sidebar{background:var(--surface)}
:root[data-theme=dark] .footer-logo,:root[data-theme=dark] .product-logo,:root[data-theme=dark] .console-logo{filter:none}
:root[data-theme=dark] .footer-logo{content:url('/odette-logo-sombre.svg')}
:root[data-theme=dark] #toast{background:#e8eefb;color:#0b1f3b}

/* Écran de connexion : remplace l'habillage « enseigne » jaune et noir de design.css */
.auth-showcase{color:#fff}
.auth-showcase h2{font:800 clamp(32px,3.6vw,50px)/1.08 var(--title);font-stretch:normal;letter-spacing:-.03em;margin:12px 0 26px;color:#fff}
.benefits li,.benefits li span{color:#ffffffd9}.benefits b{color:#fff}.benefits .ico{background:#ffffff1f;color:#19d8ef;border-radius:8px}
.mock{border:1px solid #ffffff40;border-radius:16px;box-shadow:0 24px 60px #0b1f3b66;transform:none}
.auth-card h1{font:800 clamp(30px,3.2vw,40px)/1.1 var(--title);font-stretch:normal;letter-spacing:-.03em;color:var(--ink)}
.auth-card form .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;border-radius:12px;box-shadow:none}