@layer tokens, habillage, subtheme, base, components, utilities;
@layer habillage {
  :root {
    --u-color-accent-deco: #2A8A8F;
    --u-color-accent-texte: #1A6369;
    --u-color-focus: #1A6369;
    --u-color-accent-teinte: #E6F2F2;
    --u-color-sur-accent: #FFFFFF;
    --u-color-sur-accent-deco: #FFFFFF;
    --u-color-sombre: #1C1C1D;
    --u-color-sombre-filet: #3A3A3D;
    --u-color-focus-sombre: #7FCDD1;
    --u-color-accent-sombre: #7FCDD1;
    --u-color-accent-lien: #1A6369;
    --u-color-sur-accent-lien: #FFFFFF;
    --u-color-motif: #2A8A8F1A;
    --u-color-motif-sombre: #7FCDD11A;
    --u-color-voile-motif-sombre: #1C1C1DD9;
    --u-color-alerte-info: #1A6369;
    --u-color-alerte-info-fond: #E6F2F2;
    --u-font-titres: "Outfit", system-ui, sans-serif;
  }
  @font-face {
    font-family: "Outfit";
    src: url("/themes/contrib/udalia_theme/fonts/outfit/outfit-latin-wght.woff2") format("woff2");
    font-style: normal; font-weight: 100 900; font-display: swap;
  }
}