/* Charte Aného Guide : Plus Jakarta Sans, couleurs et formes alignées sur l'application mobile. */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/PlusJakartaSans-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/PlusJakartaSans-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;
}

:root {
  --fn-font-sans-serif: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fn-body-font-family: var(--fn-font-sans-serif);
  --fn-body-color: #0f1e22;
  --fn-body-bg: #f0fbff;
  --fn-heading-color: #0f1e22;
  --fn-border-radius: .75rem;
  --fn-border-radius-lg: 1rem;
  --aneho-ink: #0f1e22;
  --aneho-muted: #3e494a;
  --aneho-soft: #e6f6fc;
  --aneho-soft-2: #daebf0;
  --aneho-shadow: 0 4px 20px rgba(27, 42, 46, .06);
}
body { font-family: var(--fn-font-sans-serif); background-color: #f0fbff; color: var(--aneho-ink); font-feature-settings: 'ss01' on; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--fn-font-sans-serif); letter-spacing: -.02em; font-weight: 700; color: var(--aneho-ink); }
h1, .h1 { font-weight: 800; letter-spacing: -.03em; }
.text-body-secondary { color: var(--aneho-muted) !important; }
.navbar { background-color: #fff !important; }
.bg-body:not(footer) { background-color: #fff; }
.bg-body-tertiary, .bg-secondary-subtle { background-color: var(--aneho-soft) !important; }
.bg-primary-subtle { background-color: var(--aneho-soft-2) !important; }

/* Boutons : pilules, accent terracotta pour les actions principales */
.btn { border-radius: 999px; font-weight: 600; letter-spacing: 0; }
.btn-lg { padding-top: .8rem; padding-bottom: .8rem; }
.btn-primary { --fn-btn-bg: var(--brand-primary); --fn-btn-border-color: var(--brand-primary); --fn-btn-hover-bg: var(--brand-primary-dark); --fn-btn-hover-border-color: var(--brand-primary-dark); --fn-btn-active-bg: var(--brand-primary-dark); --fn-btn-active-border-color: var(--brand-primary-dark); box-shadow: 0 4px 14px rgba(11, 110, 117, .22); }
.btn-accent, .btn-warning { --fn-btn-bg: var(--brand-secondary); --fn-btn-border-color: var(--brand-secondary); --fn-btn-color: #fff; --fn-btn-hover-bg: #7d2d00; --fn-btn-hover-border-color: #7d2d00; --fn-btn-hover-color: #fff; --fn-btn-active-bg: #7d2d00; --fn-btn-active-border-color: #7d2d00; --fn-btn-active-color: #fff; box-shadow: 0 4px 14px rgba(164, 62, 1, .22); }
.btn-outline-secondary, .btn-outline-primary { --fn-btn-hover-color: #fff; border-width: 1px; }
.rounded-pill { border-radius: 999px !important; }

/* Cartes : coins 16 px, ombre douce, sans bordure dure */
.card { border: 0; border-radius: 1rem; box-shadow: var(--aneho-shadow); background-color: #fff; }
.card.border-0 { box-shadow: var(--aneho-shadow); }
.rounded-4 { border-radius: 1rem !important; }
.shadow-sm { box-shadow: var(--aneho-shadow) !important; }

/* Champs : fond bleu clair, coins arrondis, sans contour */
.form-control, .form-select { border-radius: .75rem; background-color: #fff; border-color: rgba(15, 30, 34, .12); padding: .75rem 1rem; }
.form-control:focus, .form-select:focus { border-color: var(--brand-primary); box-shadow: 0 0 0 .2rem rgba(11, 110, 117, .15); }
.form-control.form-icon-start { padding-left: 2.75rem; }

/* Badges et pastilles */
.badge { font-weight: 700; letter-spacing: .02em; }
.badge.rounded-pill { padding: .45em .8em; }
.breadcrumb { --fn-breadcrumb-divider-color: var(--aneho-muted); font-weight: 500; }

/* Pied de page et en-tête */
footer, .footer { font-family: var(--fn-font-sans-serif); }
footer.footer { background-color: #0f1e22 !important; border-top: 0 !important; }
footer.footer { color: #c9dde2; }
footer.footer h1, footer.footer h2, footer.footer h3, footer.footer h4, footer.footer h5, footer.footer h6, footer.footer .h1, footer.footer .h2, footer.footer .h3, footer.footer .h4, footer.footer .h5, footer.footer .h6 { color: #fff; }
footer.footer .text-body-secondary, footer.footer .text-body, footer.footer p, footer.footer li, footer.footer .nav-link { color: #c9dde2 !important; }
footer.footer a:hover, footer.footer .nav-link:hover { color: #fff !important; }
footer.footer .border-top, footer.footer hr { border-color: rgba(255, 255, 255, .14) !important; }
footer.footer a { text-underline-offset: .18em; }
a { text-underline-offset: .18em; }
::selection { background: rgba(11, 110, 117, .2); }
