/* Jetons de conception : source unique des valeurs visuelles (cahier 6.42), charte graphique ELS (décision D-95, docs/DESIGN.md).
   Les valeurs de DESIGN.md font foi tant que les fichiers tokens.css et identite.css de la maquette récente ne sont pas reçus ; une fois reçus,
   ils l'emportent en cas d'écart et DESIGN.md est corrigé. La marque (logo, filigrane, polices Kollektif) est dans static/css/identite.css.
   Aucune couleur, taille ou marge n'est écrite en dur dans un gabarit : tout passe par ces jetons.
   Les noms de la V1 sont conservés (--color-surface-alt, --color-text-muted) ; les noms de DESIGN.md (--color-surface-2, --color-text-2) en sont des
   doublons de même valeur. La criticité 0 à 4 (cahier 6.26) est portée par --crit-0 à --crit-4 (texte) et --crit-N-bg (fond), les séries de graphiques
   par --series-1 à --series-5, l'opacité du filigrane par --watermark-opacity : tous changent avec le thème, comme les couleurs.
   V2-27 (D-110) : thème sombre revu (surfaces plus distinctes, texte moins dur, contrastes AA mesurés) ; densité : jetons --size-menu-row, --size-form et --size-fab. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/inter-latin-wght-normal.8e433c0592f7.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/inter-latin-ext-wght-normal.ad4eb06671be.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root, [data-theme="light"] {
  color-scheme: light;
  --color-primary: #0e3cce;
  --color-primary-hover: #0a2fa3;
  --color-primary-soft: #e4e9fb;
  --color-on-primary: #ffffff;
  --color-accent: #9a5b00;
  --color-bg: #f4f5f9;
  --color-surface: #ffffff;
  --color-surface-alt: #eceef6;
  --color-surface-2: #eceef6;
  --color-border: #daddeb;
  --color-border-strong: #7a82ae;
  --color-text: #0b0f4a;
  --color-text-muted: #4b5080;
  --color-text-2: #4b5080;
  --color-link: #0e3cce;
  --color-overlay: rgb(11 15 74 / 0.55);
  --color-success: #064d2b;
  --color-success-bg: #e2f3ea;
  --color-success-border: #2f8a5c;
  --color-info: #2a4fb8;
  --color-info-bg: #e4eafb;
  --color-info-border: #5b7bd6;
  --color-warning: #7a5200;
  --color-warning-bg: #fff3d1;
  --color-warning-border: #b3801c;
  --color-danger: #b3131f;
  --color-danger-bg: #fde7e8;
  --color-danger-border: #d4515a;
  --color-confirm: #3d3f9e;
  --color-confirm-bg: #e8e9fb;
  --color-confirm-border: #7a7cd0;
  --color-banner-preprod-bg: #fdf0c8;
  --color-banner-preprod-text: #6b4a00;
  --color-footer-bg: #0b0f4a;
  --color-footer-text: #eef0ff;
  --color-footer-text-muted: #c9cdf2;
  --color-footer-border: #2b2f6b;
  --color-footer-accent: #cbdbff;
  --color-footer-control: #8a91d4;
  --color-viewer-frame: #2b2f5c;
  --color-menu-bg: #ffffff;
  --color-menu-text: #0b0f4a;
  --color-menu-text-muted: #4b5080;
  --color-menu-hover: #eceef6;
  --color-menu-active: #e4e9fb;
  --color-menu-active-text: #0a2fa3;
  --crit-0: #4b5080;
  --crit-0-bg: #eceef6;
  --crit-1: #2a4fb8;
  --crit-1-bg: #e4eafb;
  --crit-2: #6b4a00;
  --crit-2-bg: #fff3d1;
  --crit-3: #9a3f00;
  --crit-3-bg: #ffe9d6;
  --crit-4: #b3131f;
  --crit-4-bg: #fde7e8;
  --series-1: #0e3cce;
  --series-2: #b45309;
  --series-3: #6d28d9;
  --series-4: #0f7a4a;
  --series-5: #b0209f;
  --watermark-opacity: 0.035;
  --shadow-floating: 0 4px 16px rgb(11 15 74 / 0.18);
  --shadow-card: 0 1px 2px rgb(11 15 74 / 0.05), 0 2px 8px rgb(11 15 74 / 0.06);

  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* Titres, chiffres clés, menus de pôles : Kollektif (police d'ELS, non fournie) ; repli sur Inter tant que ses fichiers manquent (voir identite.css). */
  --font-display: "Kollektif", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* Police d'affichage adaptée (V2-70, D-113, polices SIL OFL de static/fonts/) : feuille static/css/police-adaptee.css, chargée seulement si le compte l'a choisie. */
  --font-opendyslexic: "OpenDyslexic", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-atkinson: "Atkinson Hyperlegible", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* Espacements renforcés du critère 1.4.12 de WCAG 2.2 : interligne 1,5, paragraphes 2 fois la taille du texte, lettres 0,12 em, mots 0,16 em. */
  --adapt-line-height: 1.6;
  --adapt-paragraph-spacing: 2em;
  --adapt-letter-spacing: 0.12em;
  --adapt-word-spacing: 0.16em;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --line-height: 1.5;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-full: 9999px;
  --duration-fast: 160ms;
  --duration-medium: 160ms;
  --ease: ease;
  --border-width: 1px;
  --focus-width: 2px;
  --focus-offset: 2px;
  --accent-rule: 3px;
  --summary-rule: 4px;

  --content-max: 1200px;
  --size-table-max: 1600px; /* largeur utile maximale d'une page à tableau (V2-72, D-126 : valeur provisoire) */
  --size-medium: 1024px; /* seuil d'écran moyen : sous lui, les colonnes secondaires d'un tableau passent sous la cellule principale (V2-72, égal à l'écran lg de Tailwind) */
  --size-cartes: 640px; /* seuil des cartes : sous lui, chaque ligne de tableau devient une carte (V2-114, D-126 : valeur provisoire, égale à l'écran sm de Tailwind) */
  --text-measure: 72ch;
  --size-header: 56px;
  --size-menu-row: 36px; /* ligne de menu et de sélecteur de pôle (V2-27, alignée sur la maquette : 14 px + 2 x 7 px) */
  --size-form: 720px; /* largeur d'un formulaire (maquette) */
  --size-fab: 40px; /* bouton flottant « Revenir en haut » */
  --size-menu: 264px;
  --size-menu-collapsed: 72px;
  --size-control: 40px;
  --size-control-compact: 32px;
  --size-icon: 16px;
  --size-icon-lg: 24px;
  --size-toast: 360px;
  --size-panel: 420px;
  --size-modal: 480px;
  --size-search-min: 480px;
  --size-search-max: 560px;
  --size-field-short: 12ch;
  --size-field-medium: 28ch;
  --size-field-long: 56ch;
  --size-viewer-min: 320px;
  --size-viewer-max: 75vh;
  --size-viewer-full: 80vh;
  --logo-width: 154px;
  --logo-height: 31px;
  --logo-width-public: 169px;
  --logo-height-public: 34px;
  --watermark-size: 160px;
  /* Site public, version 3 (V2-124 à V2-126, décision de Guillaume Soulet du 05/11/2026) : échelle d'affichage fluide des titres publics,
     respiration des bandes, en-tête de 72 px. L'espace connecté garde l'échelle de 12 à 30 px (DESIGN.md §4). */
  --text-display: clamp(2.25rem, 1.4rem + 3.6vw, 4.25rem); /* titre de l'accroche de l'accueil */
  --text-page-title: clamp(2rem, 1.5rem + 2vw, 3.25rem); /* titre d'une page publique */
  --text-section: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem); /* titre d'une bande du site public */
  --text-subsection: clamp(1.5rem, 1.2rem + 1vw, 2rem); /* titre d'un bloc de texte du site public */
  --underline-offset: 0.2em;
  --text-lede: clamp(1.125rem, 1rem + 0.5vw, 1.3rem); /* texte d'introduction d'une bande */
  --text-figure: clamp(1.375rem, 1.1rem + 0.6vw, 1.75rem); /* montant d'un tarif */
  --tracking-display: -0.035em;
  --tracking-title: -0.025em;
  --tracking-tight: -0.01em;
  --space-band: clamp(56px, 8vw, 112px); /* marge verticale d'une bande */
  --space-hero: clamp(40px, 7vw, 104px); /* marge verticale de l'accroche */
  --space-gutter: clamp(16px, 2vw, 24px); /* marge latérale du conteneur public */
  --space-columns: clamp(24px, 4vw, 64px); /* écart entre les colonnes d'une bande */
  --size-public-header: 72px;
  --size-step: 48px; /* pastille d'une étape du parcours */
  --size-step-dot: 32px; /* pastille d'une étape du dossier exemple */
  --size-lens: 180px; /* disque de la loupe derrière le dossier exemple */
  --lede-measure: 56ch;
}

/* Thème sombre (charte ELS, docs/DESIGN.md §3 et §10). Deux blocs identiques : « Système » (aucun attribut) suit le navigateur sans recharger la page ;
   data-theme force un choix, sur la balise <html> (réglage du compte, posé par le serveur) ou sur un bloc (catalogue des composants). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-primary: #6b8aff;
    --color-primary-hover: #93aaff;
    --color-primary-soft: #1c2263;
    --color-on-primary: #0a0d2e;
    --color-accent: #e0a458;
    --color-bg: #04051a;
    --color-surface: #151844;
    --color-surface-alt: #1b2053;
    --color-surface-2: #1b2053;
    --color-border: #3a4195;
    --color-border-strong: #7079c4;
    --color-text: #dfe2f4;
    --color-text-muted: #aeb3df;
    --color-text-2: #aeb3df;
    --color-link: #93aaff;
    --color-overlay: rgb(0 0 0 / 0.65);
    --color-success: #3dbe82;
    --color-success-bg: #0d3a30;
    --color-success-border: #2f9c69;
    --color-info: #8fa8ff;
    --color-info-bg: #1a2570;
    --color-info-border: #5a76e0;
    --color-warning: #e8c46a;
    --color-warning-bg: #3a3010;
    --color-warning-border: #b8923a;
    --color-danger: #ff7983;
    --color-danger-bg: #4a1530;
    --color-danger-border: #d9525e;
    --color-confirm: #a9b0f5;
    --color-confirm-bg: #272a78;
    --color-confirm-border: #7f86d8;
    --color-banner-preprod-bg: #4a3a0a;
    --color-banner-preprod-text: #f5dc8a;
    --color-footer-bg: #070922;
    --color-footer-text: #eef0ff;
    --color-footer-text-muted: #c3c8ee;
    --color-footer-border: #262a66;
    --color-footer-accent: #cbdbff;
    --color-footer-control: #8a91d4;
    --color-viewer-frame: #05071a;
    --color-menu-bg: #070922;
    --color-menu-text: #eef0ff;
    --color-menu-text-muted: #a3a8d6;
    --color-menu-hover: #12164a;
    --color-menu-active: #3550d6;
    --color-menu-active-text: #ffffff;
    --crit-0: #c4c8e8;
    --crit-0-bg: #2a2f78;
    --crit-1: #8fa8ff;
    --crit-1-bg: #1a2570;
    --crit-2: #e8c46a;
    --crit-2-bg: #3a3010;
    --crit-3: #ffa657;
    --crit-3-bg: #4a2208;
    --crit-4: #ff7983;
    --crit-4-bg: #4a1530;
    --series-1: #6b8aff;
    --series-2: #f0a04b;
    --series-3: #a78bfa;
    --series-4: #3dbe82;
    --series-5: #f088e0;
    --watermark-opacity: 0.06;
    --shadow-floating: 0 4px 16px rgb(0 0 0 / 0.5);
    --shadow-card: none;
  }
}
:root[data-theme="dark"], [data-theme="dark"] {
  color-scheme: dark;
  --color-primary: #6b8aff;
  --color-primary-hover: #93aaff;
  --color-primary-soft: #1c2263;
  --color-on-primary: #0a0d2e;
  --color-accent: #e0a458;
  --color-bg: #04051a;
  --color-surface: #151844;
  --color-surface-alt: #1b2053;
  --color-surface-2: #1b2053;
  --color-border: #3a4195;
  --color-border-strong: #7079c4;
  --color-text: #dfe2f4;
  --color-text-muted: #aeb3df;
  --color-text-2: #aeb3df;
  --color-link: #93aaff;
  --color-overlay: rgb(0 0 0 / 0.65);
  --color-success: #3dbe82;
  --color-success-bg: #0d3a30;
  --color-success-border: #2f9c69;
  --color-info: #8fa8ff;
  --color-info-bg: #1a2570;
  --color-info-border: #5a76e0;
  --color-warning: #e8c46a;
  --color-warning-bg: #3a3010;
  --color-warning-border: #b8923a;
  --color-danger: #ff7983;
  --color-danger-bg: #4a1530;
  --color-danger-border: #d9525e;
  --color-confirm: #a9b0f5;
  --color-confirm-bg: #272a78;
  --color-confirm-border: #7f86d8;
  --color-banner-preprod-bg: #4a3a0a;
  --color-banner-preprod-text: #f5dc8a;
  --color-footer-bg: #070922;
  --color-footer-text: #eef0ff;
  --color-footer-text-muted: #c3c8ee;
  --color-footer-border: #262a66;
  --color-footer-accent: #cbdbff;
  --color-footer-control: #8a91d4;
  --color-viewer-frame: #05071a;
  --color-menu-bg: #070922;
  --color-menu-text: #eef0ff;
  --color-menu-text-muted: #a3a8d6;
  --color-menu-hover: #12164a;
  --color-menu-active: #3550d6;
  --color-menu-active-text: #ffffff;
  --crit-0: #c4c8e8;
  --crit-0-bg: #2a2f78;
  --crit-1: #8fa8ff;
  --crit-1-bg: #1a2570;
  --crit-2: #e8c46a;
  --crit-2-bg: #3a3010;
  --crit-3: #ffa657;
  --crit-3-bg: #4a2208;
  --crit-4: #ff7983;
  --crit-4-bg: #4a1530;
  --series-1: #6b8aff;
  --series-2: #f0a04b;
  --series-3: #a78bfa;
  --series-4: #3dbe82;
  --series-5: #f088e0;
  --watermark-opacity: 0.06;
  --shadow-floating: 0 4px 16px rgb(0 0 0 / 0.5);
  --shadow-card: none;
}

/* Couleurs adaptées (ticket V2-69, décision D-112, cahier 6.42, DESIGN.md §3 et §10) : préférence indépendante du thème, posée sur <html>
   par data-couleurs="adaptees" avant le premier affichage (templates/pages/base.html), mémorisée dans le seul navigateur (stockage local certilens-couleurs-adaptees).
   Une seule palette de type Okabe-Ito (Okabe et Ito, 2008) : les couples rouge et vert deviennent un axe bleu et orange (succès bleu, erreur vermillon foncé,
   attention orange, information pourpre, confirmation gris ; niveaux de criticité en teintes du gris au vermillon, fonds de plus en plus soutenus en thème clair ; séries bleu, orange, bleu ciel,
   vermillon, gris), distinguable en protanopie, deutéranopie et tritanopie. Seuls les jetons d'état, de criticité et de série changent ; la marque, le logo,
   le filigrane, l'impression, les PDF et les courriels gardent leurs couleurs. Quatre combinaisons (clair, sombre, chacun avec et sans la préférence),
   contrastes et distances contrôlés par tests/aide/test_couleurs_v2_69.py (lecture de ce fichier, tests/couleurs.py).
   Spécificité : le bloc clair vaut pour :root et pour un bloc [data-theme="light"] (catalogue) ; les blocs sombres l'emportent par un attribut de plus. */
:root[data-couleurs="adaptees"], [data-couleurs="adaptees"][data-theme="light"], [data-couleurs="adaptees"] [data-theme="light"] {
  --color-success: #0063a2;
  --color-success-bg: #e5f2ff;
  --color-success-border: #207cbd;
  --color-info: #792d5a;
  --color-info-bg: #ffe6fa;
  --color-info-border: #ad5c8a;
  --color-warning: #955c00;
  --color-warning-bg: #ffe8bc;
  --color-warning-border: #b97900;
  --color-danger: #851700;
  --color-danger-bg: #ffe6d0;
  --color-danger-border: #bb4900;
  --color-confirm: #2c2c2c;
  --color-confirm-bg: #eeeeee;
  --color-confirm-border: #777777;
  --crit-0: #303030;
  --crit-0-bg: #eeeeee;
  --crit-1: #1a5d8f;
  --crit-1-bg: #95daff;
  --crit-2: #2d2700;
  --crit-2-bg: #d7cd27;
  --crit-3: #6b4600;
  --crit-3-bg: #ffb529;
  --crit-4: #610000;
  --crit-4-bg: #d29979;
  --series-1: #004782;
  --series-2: #b97900;
  --series-3: #138abd;
  --series-4: #7f1000;
  --series-5: #6d6d6d;
}
@media (prefers-color-scheme: dark) {
  :root[data-couleurs="adaptees"]:not([data-theme="light"]) {
    --color-success: #70caff;
    --color-success-bg: #092f42;
    --color-success-border: #0085b7;
    --color-info: #d481af;
    --color-info-bg: #412233;
    --color-info-border: #b2628f;
    --color-warning: #ede13f;
    --color-warning-bg: #302d00;
    --color-warning-border: #9f9a00;
    --color-danger: #f47824;
    --color-danger-bg: #4c1f00;
    --color-danger-border: #c85300;
    --color-confirm: #e2e2e2;
    --color-confirm-bg: #2c2c2c;
    --color-confirm-border: #868686;
    --crit-0: #c6c6c6;
    --crit-0-bg: #393939;
    --crit-1: #63bff5;
    --crit-1-bg: #0d384e;
    --crit-2: #fff857;
    --crit-2-bg: #3e3b00;
    --crit-3: #fab022;
    --crit-3-bg: #4f2e00;
    --crit-4: #eb701b;
    --crit-4-bg: #5a1200;
    --series-1: #207cbd;
    --series-2: #fdb326;
    --series-3: #94ecff;
    --series-4: #c85300;
    --series-5: #919191;
  }
}
:root[data-couleurs="adaptees"][data-theme="dark"], [data-couleurs="adaptees"][data-theme="dark"], [data-couleurs="adaptees"] [data-theme="dark"] {
  --color-success: #70caff;
  --color-success-bg: #092f42;
  --color-success-border: #0085b7;
  --color-info: #d481af;
  --color-info-bg: #412233;
  --color-info-border: #b2628f;
  --color-warning: #ede13f;
  --color-warning-bg: #302d00;
  --color-warning-border: #9f9a00;
  --color-danger: #f47824;
  --color-danger-bg: #4c1f00;
  --color-danger-border: #c85300;
  --color-confirm: #e2e2e2;
  --color-confirm-bg: #2c2c2c;
  --color-confirm-border: #868686;
  --crit-0: #c6c6c6;
  --crit-0-bg: #393939;
  --crit-1: #63bff5;
  --crit-1-bg: #0d384e;
  --crit-2: #fff857;
  --crit-2-bg: #3e3b00;
  --crit-3: #fab022;
  --crit-3-bg: #4f2e00;
  --crit-4: #eb701b;
  --crit-4-bg: #5a1200;
  --series-1: #207cbd;
  --series-2: #fdb326;
  --series-3: #94ecff;
  --series-4: #c85300;
  --series-5: #919191;
}

/* Mouvement : 160 ms, réservé aux réponses à une action ; nul si l'utilisateur a demandé moins d'animations (DESIGN.md §7). */
@media (prefers-reduced-motion: reduce) {
  :root { --duration-fast: 0ms; --duration-medium: 0ms; }
}

/* L'impression, les PDF produits et les e-mails restent en thème clair (cahier 6.42, DESIGN.md §8), y compris avec les couleurs adaptées
   (V2-69, D-112) : les sélecteurs de la préférence sont repris ici, à spécificité égale, après leurs blocs. */
@media print {
  :root:not([data-theme="light"]), :root[data-theme="dark"], [data-theme="dark"],
  :root[data-couleurs="adaptees"], :root[data-couleurs="adaptees"][data-theme], :root[data-couleurs="adaptees"]:not([data-theme="light"]),
  [data-couleurs="adaptees"][data-theme], [data-couleurs="adaptees"] [data-theme] {
    color-scheme: light;
    --color-primary: #0e3cce;
    --color-primary-hover: #0a2fa3;
    --color-primary-soft: #e4e9fb;
    --color-on-primary: #ffffff;
    --color-accent: #9a5b00;
    --color-bg: #f4f5f9;
    --color-surface: #ffffff;
    --color-surface-alt: #eceef6;
    --color-surface-2: #eceef6;
    --color-border: #daddeb;
    --color-border-strong: #7a82ae;
    --color-text: #0b0f4a;
    --color-text-muted: #4b5080;
    --color-text-2: #4b5080;
    --color-link: #0e3cce;
    --color-overlay: rgb(11 15 74 / 0.55);
    --color-success: #064d2b;
    --color-success-bg: #e2f3ea;
    --color-success-border: #2f8a5c;
    --color-info: #2a4fb8;
    --color-info-bg: #e4eafb;
    --color-info-border: #5b7bd6;
    --color-warning: #7a5200;
    --color-warning-bg: #fff3d1;
    --color-warning-border: #b3801c;
    --color-danger: #b3131f;
    --color-danger-bg: #fde7e8;
    --color-danger-border: #d4515a;
    --color-confirm: #3d3f9e;
    --color-confirm-bg: #e8e9fb;
    --color-confirm-border: #7a7cd0;
    --color-banner-preprod-bg: #fdf0c8;
    --color-banner-preprod-text: #6b4a00;
    --color-footer-bg: #0b0f4a;
    --color-footer-text: #eef0ff;
    --color-footer-text-muted: #c9cdf2;
    --color-footer-border: #2b2f6b;
    --color-footer-accent: #cbdbff;
    --color-footer-control: #8a91d4;
    --color-viewer-frame: #2b2f5c;
    --color-menu-bg: #ffffff;
    --color-menu-text: #0b0f4a;
    --color-menu-text-muted: #4b5080;
    --color-menu-hover: #eceef6;
    --color-menu-active: #e4e9fb;
    --color-menu-active-text: #0a2fa3;
    --crit-0: #4b5080;
    --crit-0-bg: #eceef6;
    --crit-1: #2a4fb8;
    --crit-1-bg: #e4eafb;
    --crit-2: #6b4a00;
    --crit-2-bg: #fff3d1;
    --crit-3: #9a3f00;
    --crit-3-bg: #ffe9d6;
    --crit-4: #b3131f;
    --crit-4-bg: #fde7e8;
    --series-1: #0e3cce;
    --series-2: #b45309;
    --series-3: #6d28d9;
    --series-4: #0f7a4a;
    --series-5: #b0209f;
    --watermark-opacity: 0.035;
    --shadow-floating: 0 4px 16px rgb(11 15 74 / 0.18);
    --shadow-card: 0 1px 2px rgb(11 15 74 / 0.05), 0 2px 8px rgb(11 15 74 / 0.06);
  }
}