/* ============================================================================
   Habillage ANSET de BentoPDF (pdf.anset.fr)
   Charte : celle de la refonte du site (theme-enfant/refonte/assets/refonte.css).
   BentoPDF (Tailwind 4) tire toutes ses couleurs de variables --color-* : on
   remplace la gamme « gray » (surfaces) par le bleu nuit ANSET et la gamme
   « indigo » (accents) par le bleu et le cyan ANSET. Le code de BentoPDF
   n'est pas modifié ; cette feuille est ajoutée en fin de <head> au build.
   ========================================================================== */

@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(polices/poppins-400-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: "Poppins"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(polices/poppins-400-latin-ext.woff2) format("woff2");
  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; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(polices/poppins-500-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: "Poppins"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(polices/poppins-500-latin-ext.woff2) format("woff2");
  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; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600 700; font-display: swap;
  src: url(polices/poppins-600-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: "Poppins"; font-style: normal; font-weight: 600 700; font-display: swap;
  src: url(polices/poppins-600-latin-ext.woff2) format("woff2");
  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; }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(polices/outfit-variable-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: "Outfit"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(polices/outfit-variable-latin-ext.woff2) format("woff2");
  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 {
  /* Charte ANSET */
  --anset-bleu: #004c92;
  --anset-bleu-fonce: #062e63;
  --anset-encre: #12375c;
  --anset-rouge: #e30613;
  --anset-cyan: #00aef2;
  --anset-fond-doux: #f2f6fc;
  --anset-trait: #d8e1ec;
  --anset-focus: #0a58ca;

  /* Surfaces : bleu nuit ANSET à la place du gris anthracite */
  --color-gray-50: #f8fafd;
  --color-gray-100: #f2f6fc;
  --color-gray-200: #e3eaf3;
  --color-gray-300: #d8e1ec;
  --color-gray-400: #a9bad2;
  --color-gray-500: #7d93b2;
  --color-gray-600: #3d5f8c;
  --color-gray-700: #173f73;
  --color-gray-800: #0a2e5c;
  --color-gray-850: #08284f;
  --color-gray-900: #061f40;
  --color-gray-950: #031529;

  /* Accents : bleu ANSET (boutons, texte blanc 6,2:1) et cyan ANSET (liens, focus) */
  --color-indigo-50: #eaf6fd;
  --color-indigo-100: #d3edfb;
  --color-indigo-200: #a8dcf7;
  --color-indigo-300: #7cccf4;
  --color-indigo-400: #4dbdf3;
  --color-indigo-500: #00aef2;
  --color-indigo-600: #0a58ca;
  --color-indigo-700: #004c92;
  --color-indigo-800: #063d73;
  --color-indigo-900: #062e63;
  --color-indigo-950: #041f45;

  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

html body {
  background-color: var(--color-gray-900);
  color: var(--color-gray-300);
  font-family: var(--font-sans);
}

h1, h2, h3, .text-2xl, .text-3xl, .text-4xl {
  font-family: "Outfit", "Poppins", system-ui, "Segoe UI", Arial, sans-serif;
  letter-spacing: -0.01em;
}

/* En-tête blanc, comme sur le site, avec le logo ANSET et un filet bleu */
nav[data-simple-nav] {
  background: #fff !important;
  border-bottom: 4px solid var(--anset-bleu) !important;
}
nav[data-simple-nav] > div > div { height: 4.5rem; }
nav[data-simple-nav] img {
  width: auto !important;
  height: 46px !important;
}
nav[data-simple-nav] span,
nav[data-simple-nav] a {
  color: var(--anset-bleu-fonce) !important;
  font-family: "Outfit", "Poppins", system-ui, sans-serif;
  font-weight: 600;
}
nav[data-simple-nav] span { margin-left: 1rem; padding-left: 1rem; border-left: 2px solid var(--anset-trait); }

/* Pied de page : logo sur pastille blanche */
footer[data-simple-footer],
footer {
  border-top-color: var(--anset-bleu) !important;
}
footer img[alt$="Logo"] {
  width: auto !important;
  height: 40px !important;
  background: #fff;
  padding: 4px 8px;
  border-radius: 6px;
}

/* Boutons principaux : léger relief au survol, focus visible */
.bg-indigo-600 { box-shadow: 0 1px 2px rgba(0, 0, 0, .25); }
:focus-visible { outline: 2px solid var(--anset-cyan); outline-offset: 2px; }

/* Règles de BentoPDF aux couleurs écrites en dur (hors variables Tailwind) */
html body .tool-card,
html body .pdf-panel,
html body .feature-card { background-color: var(--color-gray-800); border-color: var(--color-gray-700); }
html body .tool-card:hover { border-color: var(--anset-cyan); }
html body .compact-mode .tool-card { background-color: transparent; border-bottom-color: var(--color-gray-800); }
html body .compact-mode .tool-card:hover { background-color: var(--color-gray-800); border-color: var(--color-gray-800); }
html body .category-header:hover,
html body .category-header:hover .category-chevron { color: var(--color-indigo-400); }
html body .btn-gradient { background-image: linear-gradient(#0a58ca, #004c92); }
html body .btn-gradient:hover { box-shadow: 0 10px 15px -3px rgba(0, 174, 242, .3), 0 4px 6px -4px rgba(0, 174, 242, .3); }
html body .btn-gradient:focus { box-shadow: 0 0 0 2px var(--color-gray-900), 0 0 0 4px var(--anset-cyan); }
html body .cta-button { background-color: var(--color-indigo-600); }
html body .cta-button:hover { background-color: var(--color-indigo-700); }
html body .pill { background-color: var(--color-gray-700); color: var(--color-gray-300); }
html body .shortcut-key { background-color: var(--color-gray-700); border-color: var(--color-gray-600); box-shadow: 0 1px var(--color-gray-800); }
html body .shortcut-input:focus { border-color: var(--anset-cyan); box-shadow: 0 0 0 2px rgba(0, 174, 242, .2); }
html body .solid-spinner { border-color: var(--color-gray-700); border-bottom-color: var(--anset-cyan); }
html body .sortable-ghost { border-color: var(--anset-cyan); }
html body .saved-signature.selected { border-color: var(--anset-cyan); box-shadow: 0 0 10px rgba(0, 174, 242, .5); }
html body input[type=color] { border-color: var(--color-gray-600); }
::-webkit-scrollbar-track { background: var(--color-gray-800); }
::-webkit-scrollbar-thumb { background: var(--color-gray-600); }
::-webkit-scrollbar-thumb:hover { background: var(--anset-bleu); }

/* Éditeur de texte (Modifier le texte d'un PDF) : mêmes couleurs */
html body #text-editor-app {
  --ecbg: #061f40;
  --ecpanel: #0a2e5c;
  --ecpanel2: #173f73;
  --ecline: #3d5f8c;
  --ectext: #f2f6fc;
  --ecmuted: #a9bad2;
  --ecaccent: #0a58ca;
  --ecstage: #173f73;
  font-family: var(--font-sans);
}