/*
 * Replis sRGB pour les navigateurs sans oklch()/color-mix().
 * Cible principale : Chrome/Edge 109 (dernière version compatible Windows 7).
 * Ce fichier est ignoré par les navigateurs modernes.
 * Généré depuis styles.css et app.css — ne pas éditer à la main.
 */
@supports not (color: color-mix(in oklab, red, blue)) {
  :root {
    --deep: #154470;
    --deep-foreground: #f5f9fb;
    --water: #006eaf;
    --cyan: #87d1e8;
    --eco: #389560;
    --background: #fcfefe;
    --foreground: #0b1c2c;
    --card: #fff;
    --card-foreground: #0b1c2c;
    --popover: #fff;
    --popover-foreground: #0b1c2c;
    --secondary: #eaf3f8;
    --secondary-foreground: #042847;
    --muted: #eef5f8;
    --muted-foreground: #576574;
    --accent: #d7f0fb;
    --accent-foreground: #00355d;
    --destructive: #e40014;
    --destructive-foreground: #f8f8f8;
    --border: #d8e3ea;
    --input: #d8e3ea;
    --chart-5: #83a3bb;
    --sidebar-primary-foreground: #fff;
    --sidebar-accent: #153758;
    --sidebar-border: #ffffff1a;
    --gradient-overlay: linear-gradient(180deg, #00172f8c 0%, #00172fd9 100%);
    --shadow-card: 0 1px 2px #0428470f, 0 12px 32px -12px #0428472e;
    --gradient-home: linear-gradient(90deg, #00172fe6 0%, #00172fad 40%, #00172f14 100%);
  }
  
  .blueprint {
    background-image: linear-gradient(#ffffff0f 1px, #0000 1px), linear-gradient(90deg, #ffffff0f 1px, #0000 1px);
  }
  
  .water-caustics {
    background-image: radial-gradient(60% 40% at 20%, #83deee2e, #0000 60%), radial-gradient(50% 55% at 75% 30%, #83deee24, #0000 55%), radial-gradient(40% 35% at 55% 80%, #83deee1f, #0000 50%);
  }
  
  .water-ripple-host:after {
    background: radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%), #ffffff47 0%, #ffffff14 30%, #0000 60%);
  }
  
  .water-shimmer-host:before {
    background: linear-gradient(90deg, #0000, #ffffff2e, #83deee1f, #0000);
  }
  
  .site-header.is-scrolled {
    box-shadow: 0 18px 40px -30px #0428478c;
  }
  
  .cv-retention-note {
    border-color: #e4001452;
    background: #fff2f0;
    color: #bb2125;
  }
  
  .cv-retention-note-icon {
    background: #e4001421;
  }
  
  .mobile-menu {
    border-top-color: #acc7dd;
    background: radial-gradient(120% 55% at 50% 0, #d7f0fbb3, #0000 62%), #fcfefe;
    box-shadow: 0 32px 70px -36px #0428478c;
  }
  
  .mobile-menu-head {
    border: 1px solid #ffffff1a;
    background: radial-gradient(135% 170% at 100% 0, #006eafbf, #0000 58%), linear-gradient(135deg, #154470, #134f81);
  }
  
  .mobile-menu-head::after {
    border: 1px solid #ffffff24;
    box-shadow: 0 0 0 1.6rem #ffffff0b, 0 0 0 3.2rem #ffffff06;
  }
  
  .mobile-menu-subtitle {
    color: #f5f9fb9e;
  }
  
  .mobile-menu-emblem {
    border: 1px solid #fff3;
    background: #ffffff1a;
    box-shadow: inset 0 1px #ffffff2e;
  }
  
  .mobile-menu-link:hover,
  .mobile-menu-link:focus-visible {
    border-color: #85aed1;
    background: #e8f6fd;
  }
  
  .mobile-menu-link[aria-current="page"] {
    border-color: #78a6cd;
    background: #e4f5fc;
  }
  
  .mobile-menu-link-icon {
    background: #def3fc;
  }
  
  .mobile-menu-link-arrow {
    color: #0b1c2c52;
  }
  
  .mobile-menu-group {
    background: #f0f9fe;
  }
  
  .mobile-menu-group-label {
    color: #0b1c2c85;
  }
  
  .mobile-menu-sublink {
    color: #0b1c2cd6;
  }
  
  .mobile-menu-sublink + .mobile-menu-sublink {
    border-top: 1px solid #d8e3eab8;
  }
  
  .mobile-menu-cta {
    background: radial-gradient(120% 180% at 0 0, #006eafc7, #0000 55%), linear-gradient(120deg, #154470, #135082);
    box-shadow: 0 18px 34px -24px #042847cc;
  }
  
  .mobile-menu-cta::after {
    border: 1px solid #ffffff29;
    box-shadow: 0 0 0 1.2rem #ffffff0d;
  }
  
  .mobile-menu-cta-icon {
    border: 1px solid #ffffff29;
    background: #ffffff1f;
  }
  
  .mobile-menu-cta-hint {
    color: #f5f9fbad;
  }
  
  .mobile-menu-contact {
    border-top: 1px solid #d8e3eac7;
  }
  
  .mobile-menu-contact a,
  .mobile-menu-contact p {
    color: #0b1c2c94;
  }
}