/* undust chrome — mapping hôte Cunningham (N7). Hex = tokens.css uniquement. */
@font-face {
  font-family: Aspekta;
  src: url('/undust-chrome/fonts/Aspekta-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Aspekta;
  src: url('/undust-chrome/fonts/Aspekta-500.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Aspekta;
  src: url('/undust-chrome/fonts/Aspekta-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Aspekta;
  src: url('/undust-chrome/fonts/Aspekta-800.woff2') format('woff2');
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: Aspekta;
  src: url('/undust-chrome/fonts/Aspekta-900.woff2') format('woff2');
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/undust-chrome/fonts/JetBrainsMono-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/undust-chrome/fonts/JetBrainsMono-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Ponctuation FR';
  src: url('/undust-chrome/fonts/JetBrainsMono-400.woff2') format('woff2');
  font-weight: 100 500;
  font-display: swap;
  unicode-range:
    U+00A7, U+00AB, U+00BB, U+00B1, U+00BD, U+2190, U+2192, U+2260, U+2264,
    U+2265;
}
@font-face {
  font-family: 'Ponctuation FR';
  src: url('/undust-chrome/fonts/JetBrainsMono-700.woff2') format('woff2');
  font-weight: 501 900;
  font-display: swap;
  unicode-range:
    U+00A7, U+00AB, U+00BB, U+00B1, U+00BD, U+2190, U+2192, U+2260, U+2264,
    U+2265;
}

:root,
.cunningham-theme--default,
.cunningham-theme--dark {
  --c--globals--font--families--base:
    Aspekta, 'Ponctuation FR', system-ui, sans-serif;
  --c--globals--font--families--accent:
    Aspekta, 'Ponctuation FR', system-ui, sans-serif;
  --c--components--button--border-radius: 0;
  --c--components--button--border-radius--active: 0;
  --c--components--button--border-radius--focus: 0;
  --c--components--forms-input--border-radius: 0;
  --c--components--forms-input--border-radius--hover: 0;
  --c--components--forms-input--border-radius--focus: 0;
  --c--components--forms-select--border-radius: 0;
  --c--components--forms-select--border-radius--hover: 0;
  --c--components--forms-select--border-radius--focus: 0;
  --c--components--forms-textarea--border-radius: 0;
  --c--components--forms-textarea--border-radius--hover: 0;
  --c--components--forms-textarea--border-radius--focus: 0;
  --c--components--forms-datepicker--border-radius: 0;
  --c--components--forms-datepicker--border-radius--hover: 0;
  --c--components--forms-datepicker--border-radius--focus: 0;
  --c--components--badge--border-radius: 0;
}

html,
body,
.c__app {
  font-family: Aspekta, 'Ponctuation FR', system-ui, sans-serif;
}

.material-icons,
.material-icons-filled,
.material-symbols-outlined,
.material-icons-outlined {
  font-family: 'Material Icons Outlined', 'Material Icons', sans-serif;
}

/* Boutons — mapping .btn charte (composants.css) sur le slot Cunningham. */
.c__button {
  border-radius: 0;
  font-family: Aspekta, 'Ponctuation FR', system-ui, sans-serif;
  letter-spacing: -0.01em;
}
/* Primary: slot Cunningham, pas le CTA orange undust (N2c vendor). */
.c__button--brand--tertiary {
  background: transparent;
  color: #1c1e2a;
  font-weight: 500;
  border: none;
}
.cunningham-theme--dark .c__button--brand--tertiary {
  color: #f5f5f3;
}

.c__input,
.c__select,
.c__textarea,
.c__field textarea,
.c__field input,
.c__modal,
.c__modal__content,
.c__dropdown-menu,
[cmdk-root],
[cmdk-item],
[cmdk-list] {
  border-radius: 0;
}

/* N10b — [d.] Docs, 22 px comme Agents. Le Title impress n'émet
   pas toujours --docs--title (styled-components). */
img[data-testid='header-icon-docs'] {
  width: 22px;
  height: 22px;
  flex: none;
  display: block;
}
.undust-product-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 12px;
}
.undust-product-name {
  font-family: Aspekta, 'Ponctuation FR', system-ui, sans-serif;
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: inherit;
  line-height: 1;
}

code,
kbd,
pre,
.bn-inline-content code,
tt {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
}

main ::-webkit-scrollbar-thumb,
.ReactModalPortal ::-webkit-scrollbar-thumb {
  border-radius: 0;
}

/* Photo Pocket ID sur le menu utilisateur (ui-kit n'a pas de slot picture). */
html.undust-has-picture .user-menu__button .c__avatar {
  background-image: var(--undust-picture);
  background-size: cover;
  background-position: center;
  border-radius: 0;
}
html.undust-has-picture .user-menu__button .c__avatar__initials {
  visibility: hidden;
}

/* Liens du document = même token que les icônes SimpleFileIcon
   à gauche (info-tertiary). !important : styled-components injecte
   gray-600 après l'overlay. */
.bn-root a,
.bn-editor a,
.bn-inline-content a {
  color: var(--c--contextuals--content--semantic--info--tertiary) !important;
}
.bn-root a:hover,
.bn-editor a:hover,
.bn-inline-content a:hover,
.bn-root a:focus-visible,
.bn-editor a:focus-visible,
.bn-inline-content a:focus-visible {
  color: var(--c--globals--colors--info-300) !important;
}

/* Icone mobile/tablette (HeaderFloatingBar) : canvas Lottie DINUM masque,
   monogramme d. pose par undust-avatar.js (syncMobileMark), N10b. */
canvas[aria-label='Docs animated icon'] { display: none !important; }
img.undust-mobile-mark { display: block; width: 32px; height: 32px; }