/* =====================================================================
   Espace support DreamprojectAI : charte (tokens).
   Une seule police (Inter, servie par le theme), une echelle de tailles
   (12 px minimum), 4 graisses, espacements, hauteurs de controle, un rayon.
   Les couleurs restent dans drpcommercify.css (--drp-*, clair et sombre) ;
   ici, les roles semantiques et le branchement de Bootstrap.
   Toute regle du theme passe par ces variables : aucune taille, graisse,
   police ou rayon en dur.
   ===================================================================== */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
    src: url("../fonts/inter/InterVariable-normal-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: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
    src: url("../fonts/inter/InterVariable-normal-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: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
    src: url("../fonts/inter/InterVariable-normal-cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116, U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
    src: url("../fonts/inter/InterVariable-normal-greek.woff2") format("woff2");
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF, U+1F00-1FFF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
    src: url("../fonts/inter/InterVariable-normal-vietnamese.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 100 900; font-display: swap;
    src: url("../fonts/inter/InterVariable-italic-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: "Inter"; font-style: italic; font-weight: 100 900; font-display: swap;
    src: url("../fonts/inter/InterVariable-italic-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: "Inter"; font-style: italic; font-weight: 100 900; font-display: swap;
    src: url("../fonts/inter/InterVariable-italic-cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116, U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 100 900; font-display: swap;
    src: url("../fonts/inter/InterVariable-italic-greek.woff2") format("woff2");
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF, U+1F00-1FFF; }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 100 900; font-display: swap;
    src: url("../fonts/inter/InterVariable-italic-vietnamese.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }


:root{
  /* familles */
  --drp-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --drp-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;

  /* tailles : 12 px est le plancher */
  --drp-fs-caption:12px;  /* etiquettes, meta, en-tetes de tableau */
  --drp-fs-sm:13px;       /* boutons, champs denses, listes, aide */
  --drp-fs-base:14px;     /* texte courant */
  --drp-fs-md:16px;       /* chapo, texte confort, champs sur smartphone */
  --drp-fs-lg:18px;       /* titres de carte, de bloc */
  --drp-fs-h4:20px;       /* titres de section */
  --drp-fs-h3:24px;       /* titre de page sur smartphone */
  --drp-fs-h2:28px;       /* titre de page */
  --drp-fs-h1:clamp(24px,2vw + 14px,32px); /* titre d'accueil */
  --drp-fs-display:36px;  /* grands chiffres */

  /* graisses */
  --drp-fw-regular:400;
  --drp-fw-medium:500;
  --drp-fw-semibold:600;
  --drp-fw-bold:700;

  /* interlignes, approche */
  --drp-lh-body:1.55;
  --drp-lh-snug:1.3;
  --drp-lh-tight:1.15;
  --drp-ls-caps:.06em;
  --drp-ls-title:-.011em;

  /* espacements (4, 8, 12, 16, 24, 32, 48, 64) */
  --drp-sp-1:4px;--drp-sp-2:8px;--drp-sp-3:12px;--drp-sp-4:16px;
  --drp-sp-5:24px;--drp-sp-6:32px;--drp-sp-7:48px;--drp-sp-8:64px;

  /* hauteurs de controle */
  --drp-ctl-sm:32px;
  --drp-ctl-md:40px;
  --drp-ctl-lg:48px;

  /* un seul rayon pour tout le site (avatars et pastilles exceptes) */
  --drp-radius:0px;
  --drp-r:var(--drp-radius);
  --drp-r-sm:var(--drp-radius);
  --drp-r-md:var(--drp-radius);
  --drp-r-lg:var(--drp-radius);

  /* Bootstrap branche sur la charte */
  --bs-font-sans-serif:var(--drp-font);
  --bs-font-monospace:var(--drp-font-mono);
  --bs-body-font-family:var(--drp-font);
  --bs-body-font-size:var(--drp-fs-base);
  --bs-body-font-weight:var(--drp-fw-regular);
  --bs-body-line-height:var(--drp-lh-body);
  --bs-border-radius:var(--drp-radius);
  --bs-border-radius-sm:var(--drp-radius);
  --bs-border-radius-lg:var(--drp-radius);
  --bs-border-radius-xl:var(--drp-radius);
  --bs-border-radius-xxl:var(--drp-radius);
}

/* couleurs semantiques, reglees par mode (texte >= 4,5:1 sur les surfaces) */
:root,[data-bs-theme="dark"]{
  --drp-success:#4ade80;
  --drp-danger:#ff7b7b;
  --drp-warning:#fbbf24;
  --drp-info:#7cb7ff;
  --drp-link:var(--drp-accent);
}
[data-bs-theme="light"]{
  --drp-success:#146c2e;
  --drp-danger:#a61b1b;
  --drp-warning:#6f4c00;
  --drp-info:#0b62c4;
  --drp-link:var(--drp-accent);
}