/* Jetons de design partagés : diaporama, page publique, télécommande, tableau de bord. */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url('/fonts/manrope-latin.woff2') format('woff2-variations'), url('/fonts/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url('/fonts/manrope-latin-ext.woff2') format('woff2-variations'), url('/fonts/manrope-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Martian Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/fonts/martian-mono-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Martian Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('/fonts/martian-mono-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Martian Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('/fonts/martian-mono-latin-700-normal.woff2') format('woff2');
}

/* Charte BAYSON : #FAFBFF, bleu #24437F, cyan #06BBE6, dégradé de l'un à l'autre, gris Cloud à Phantom, Manrope. */
:root {
  --navy: #24437f;
  --navy-2: #1b3466;
  --cyan-brand: #06bbe6;
  --gradient: linear-gradient(90deg, #24437f 0%, #06bbe6 100%);
  --gradient-diag: linear-gradient(135deg, #24437f 0%, #1b6fae 55%, #06bbe6 100%);
  --cloud: #edeff7;
  --smoke: #d3d6e0;
  --steel: #bcbfcc;
  --space: #9da2b3;
  --graphite: #6e7180;
  --arsenic: #40424d;
  --phantom: #1e1e24;

  --bg: #fafbff;
  --surface: #ffffff;
  --surface-2: var(--cloud);
  --text: var(--phantom);
  --text-2: var(--arsenic);
  --text-3: var(--graphite);
  --accent: var(--navy);
  --stroke: var(--smoke);
  --cyan: #0796bb;          /* cyan assombri pour le texte sur fond clair (contraste) */
  --blue: var(--navy);
  --chip: #0796bb;
  --chip-deep: var(--navy);
  --gold: #d9a940;          /* uniquement pour la puce EMV de la carte */
  --alert: #d23b4c;
  --ok: #1d9a63;

  --font: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --mono: 'Martian Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  color-scheme: light;
}

/* Variante sombre (touche L), sur le bleu de la charte */
:root[data-theme='dark'] {
  --bg: #1d3a70;
  --surface: #24437f;
  --surface-2: #2c5090;
  --text: #ffffff;
  --text-2: #d6e2f5;
  --text-3: #a9bcdb;
  --accent: #06bbe6;
  --stroke: #3d5f9c;
  --cyan: #06bbe6;
  --blue: #7fd6f0;
  --chip: #06bbe6;
  --alert: #ff7a86;
  --ok: #4fd18e;
  color-scheme: dark;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img,
svg {
  display: block;
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
}

[hidden] {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mono {
  font-family: var(--mono);
}

:focus-visible {
  outline: 3px solid var(--cyan);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}