/* Genere par build.mjs depuis mobile/design-system/tokens/notiflair.tokens.json
   DS 1.0.0 du 2026-09-16. Ne pas editer a la main. */
:root {
  --marque-turquoise: #24C5BD;
  --marque-ink: #172D2C;
  --marque-ivory: #F8F7F2;
  --marque-mint: #DDF6EF;
  --marque-yellow: #F4E69A;
  --marque-deepTurquoise: #007B76;
  --c-canvas: #F8F7F2;
  --c-surface: #FFFFFF;
  --c-surfaceRaised: #FFFFFF;
  --c-field: #F0F3EE;
  --c-textPrimary: #172D2C;
  --c-textSecondary: #526562;
  --c-textMuted: #526562;
  --c-borderSubtle: #D5DFD9;
  --c-borderControl: #6F8982;
  --c-iconPrimary: #172D2C;
  --c-iconSecondary: #526562;
  --c-primary: #24C5BD;
  --c-onPrimary: #172D2C;
  --c-primaryPressed: #1BADA6;
  --c-primaryText: #007B76;
  --c-selected: #DDF6EF;
  --c-selectedText: #007B76;
  --c-selectedBorder: #007B76;
  --c-focus: #007B76;
  --c-danger: #B42332;
  --c-dangerSurface: #FDECEF;
  --c-success: #176B48;
  --c-successSurface: #E6F5EC;
  --c-warning: #795400;
  --c-warningSurface: #FFF4D7;
  --c-info: #245DA8;
  --c-infoSurface: #EDF3FC;
  --c-disabledSurface: #E5EBE6;
  --c-disabledText: #65776F;
  --c-toastSurface: #172D2C;
  --c-toastText: #FFFFFF;
  --c-toastAction: #24C5BD;
  --espace-s0: 0px;
  --espace-s1: 4px;
  --espace-s2: 8px;
  --espace-s3: 12px;
  --espace-s4: 16px;
  --espace-s5: 20px;
  --espace-s6: 24px;
  --espace-s8: 32px;
  --espace-s10: 40px;
  --espace-s12: 48px;
  --espace-s16: 64px;
  --rayon-badge: 8px;
  --rayon-thumbnail: 12px;
  --rayon-control: 14px;
  --rayon-card: 16px;
  --rayon-feature: 20px;
  --rayon-sheet: 28px;
  --rayon-pill: 999px;
  --duree-press: 100ms;
  --duree-state: 150ms;
  --duree-follow: 200ms;
  --duree-sheet: 280ms;
  --duree-toastEnter: 250ms;
  --duree-brandIntro: 480ms;
  --duree-toastInfo: 5000ms;
  --duree-toastAction: 5500ms;
  --duree-toastError: 4000ms;
  --cible-min: 48px;
  --bouton-min: 52px;
  --champ-min: 52px;
  --police: 'IBM Plex Sans Condensed', 'Segoe UI', system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
  --c-canvas: #111D1C;
  --c-surface: #192B29;
  --c-surfaceRaised: #223834;
  --c-field: #203431;
  --c-textPrimary: #F8F7F2;
  --c-textSecondary: #C0D1CB;
  --c-textMuted: #A4BCB6;
  --c-borderSubtle: #36514A;
  --c-borderControl: #74998D;
  --c-iconPrimary: #F8F7F2;
  --c-iconSecondary: #A4BCB6;
  --c-primary: #24C5BD;
  --c-onPrimary: #172D2C;
  --c-primaryPressed: #1BADA6;
  --c-primaryText: #70E2D8;
  --c-selected: #173D37;
  --c-selectedText: #70E2D8;
  --c-selectedBorder: #70E2D8;
  --c-focus: #70E2D8;
  --c-danger: #FFADB4;
  --c-dangerSurface: #42262B;
  --c-success: #7EDDB0;
  --c-successSurface: #17382C;
  --c-warning: #F4D37A;
  --c-warningSurface: #3B3320;
  --c-info: #A9CCFF;
  --c-infoSurface: #213348;
  --c-disabledSurface: #2C423C;
  --c-disabledText: #8EA69D;
  --c-toastSurface: #F8F7F2;
  --c-toastText: #172D2C;
  --c-toastAction: #007B76;
  }
}

:root[data-theme='dark'] {
  --c-canvas: #111D1C;
  --c-surface: #192B29;
  --c-surfaceRaised: #223834;
  --c-field: #203431;
  --c-textPrimary: #F8F7F2;
  --c-textSecondary: #C0D1CB;
  --c-textMuted: #A4BCB6;
  --c-borderSubtle: #36514A;
  --c-borderControl: #74998D;
  --c-iconPrimary: #F8F7F2;
  --c-iconSecondary: #A4BCB6;
  --c-primary: #24C5BD;
  --c-onPrimary: #172D2C;
  --c-primaryPressed: #1BADA6;
  --c-primaryText: #70E2D8;
  --c-selected: #173D37;
  --c-selectedText: #70E2D8;
  --c-selectedBorder: #70E2D8;
  --c-focus: #70E2D8;
  --c-danger: #FFADB4;
  --c-dangerSurface: #42262B;
  --c-success: #7EDDB0;
  --c-successSurface: #17382C;
  --c-warning: #F4D37A;
  --c-warningSurface: #3B3320;
  --c-info: #A9CCFF;
  --c-infoSurface: #213348;
  --c-disabledSurface: #2C423C;
  --c-disabledText: #8EA69D;
  --c-toastSurface: #F8F7F2;
  --c-toastText: #172D2C;
  --c-toastAction: #007B76;
}

/* Un aplat de marque garde le meme turquoise et la meme encre dans les deux
   themes : ce qui se pose dessus reste donc sur la palette claire. */
.palette-claire {
  color-scheme: light;
  --c-canvas: #F8F7F2;
  --c-surface: #FFFFFF;
  --c-surfaceRaised: #FFFFFF;
  --c-field: #F0F3EE;
  --c-textPrimary: #172D2C;
  --c-textSecondary: #526562;
  --c-textMuted: #526562;
  --c-borderSubtle: #D5DFD9;
  --c-borderControl: #6F8982;
  --c-iconPrimary: #172D2C;
  --c-iconSecondary: #526562;
  --c-primary: #24C5BD;
  --c-onPrimary: #172D2C;
  --c-primaryPressed: #1BADA6;
  --c-primaryText: #007B76;
  --c-selected: #DDF6EF;
  --c-selectedText: #007B76;
  --c-selectedBorder: #007B76;
  --c-focus: #007B76;
  --c-danger: #B42332;
  --c-dangerSurface: #FDECEF;
  --c-success: #176B48;
  --c-successSurface: #E6F5EC;
  --c-warning: #795400;
  --c-warningSurface: #FFF4D7;
  --c-info: #245DA8;
  --c-infoSurface: #EDF3FC;
  --c-disabledSurface: #E5EBE6;
  --c-disabledText: #65776F;
  --c-toastSurface: #172D2C;
  --c-toastText: #FFFFFF;
  --c-toastAction: #24C5BD;
}

/* Un téléphone posé sur l'aplat montre pourtant l'écran du thème choisi. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) .suit-le-theme {
    color-scheme: dark;
  --c-canvas: #111D1C;
  --c-surface: #192B29;
  --c-surfaceRaised: #223834;
  --c-field: #203431;
  --c-textPrimary: #F8F7F2;
  --c-textSecondary: #C0D1CB;
  --c-textMuted: #A4BCB6;
  --c-borderSubtle: #36514A;
  --c-borderControl: #74998D;
  --c-iconPrimary: #F8F7F2;
  --c-iconSecondary: #A4BCB6;
  --c-primary: #24C5BD;
  --c-onPrimary: #172D2C;
  --c-primaryPressed: #1BADA6;
  --c-primaryText: #70E2D8;
  --c-selected: #173D37;
  --c-selectedText: #70E2D8;
  --c-selectedBorder: #70E2D8;
  --c-focus: #70E2D8;
  --c-danger: #FFADB4;
  --c-dangerSurface: #42262B;
  --c-success: #7EDDB0;
  --c-successSurface: #17382C;
  --c-warning: #F4D37A;
  --c-warningSurface: #3B3320;
  --c-info: #A9CCFF;
  --c-infoSurface: #213348;
  --c-disabledSurface: #2C423C;
  --c-disabledText: #8EA69D;
  --c-toastSurface: #F8F7F2;
  --c-toastText: #172D2C;
  --c-toastAction: #007B76;
  }
}

:root[data-theme='dark'] .suit-le-theme {
  color-scheme: dark;
  --c-canvas: #111D1C;
  --c-surface: #192B29;
  --c-surfaceRaised: #223834;
  --c-field: #203431;
  --c-textPrimary: #F8F7F2;
  --c-textSecondary: #C0D1CB;
  --c-textMuted: #A4BCB6;
  --c-borderSubtle: #36514A;
  --c-borderControl: #74998D;
  --c-iconPrimary: #F8F7F2;
  --c-iconSecondary: #A4BCB6;
  --c-primary: #24C5BD;
  --c-onPrimary: #172D2C;
  --c-primaryPressed: #1BADA6;
  --c-primaryText: #70E2D8;
  --c-selected: #173D37;
  --c-selectedText: #70E2D8;
  --c-selectedBorder: #70E2D8;
  --c-focus: #70E2D8;
  --c-danger: #FFADB4;
  --c-dangerSurface: #42262B;
  --c-success: #7EDDB0;
  --c-successSurface: #17382C;
  --c-warning: #F4D37A;
  --c-warningSurface: #3B3320;
  --c-info: #A9CCFF;
  --c-infoSurface: #213348;
  --c-disabledSurface: #2C423C;
  --c-disabledText: #8EA69D;
  --c-toastSurface: #F8F7F2;
  --c-toastText: #172D2C;
  --c-toastAction: #007B76;
}