/* La charte graphique de DDM Meeting — bleu nuit (surfaces), bleu roi (actions), or de la couronne (accents), bordeaux DIADDEM (marque).
 *
 * Les valeurs sont celles du portail AAZ Central, qui fait foi pour toutes les
 * applications du cabinet : elles y sont documentees dans
 * `docs/IDENTITE_VISUELLE.md` et declinees dans son `tailwind.config.js`. Ce
 * fichier en est la transposition en CSS nu, AAZ Meeting n'ayant jamais eu de
 * Tailwind dans ses vues. Une valeur qui change la-bas change ici.
 *
 * Deux couleurs, pas trois : le marine #1F3357 des deux A du logo, et le rouge
 * #C74646 de la barre du Z. Le marine porte l'interface — navigation, surfaces
 * sombres, salle de reunion ; le rouge ne sert qu'a attirer l'oeil, jamais en
 * aplat de fond. Ni anthracite ni cyan : le cabinet n'en a pas.
 */

/* Poppins, servie depuis /fonts et non depuis Google.
 *
 * La salle de réunion doit s'ouvrir même quand le poste n'a pas d'accès libre
 * à Internet — un cabinet derrière un filtre d'entreprise, une connexion qui
 * tombe pendant la réunion. Une police absente ne casse alors plus rien. */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/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('/fonts/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('/fonts/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('/fonts/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;
    font-display: swap;
    src: url('/fonts/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;
    font-display: swap;
    src: url('/fonts/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: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/poppins-700-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: 700;
    font-display: swap;
    src: url('/fonts/poppins-700-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 {
    /* Le marine du logo. Il porte la navigation, les actions et toutes les
       surfaces sombres, salle de reunion comprise. */
    --ddm-navy-50: #F5F7FA;
    --ddm-navy-100: #E8EDF4;
    --ddm-navy-200: #CBD5E3;
    --ddm-navy-300: #9DAFC8;
    --ddm-navy-400: #6B84A8;
    --ddm-navy-500: #4A6388;
    --ddm-navy-600: #344B6D;
    --ddm-navy-700: #22334F;
    --ddm-navy-800: #18253B;
    --ddm-navy-900: #0F1A2C;
    --ddm-navy-950: #09111F;

    /* Le rouge de la barre du Z. Ce qui presse, ce qu'on quitte, ce qu'on
       refuse, ce qu'il faut voir en premier — et rien d'autre. */
    --ddm-accent-50: #EFF4FB;
    --ddm-accent-100: #DCE7F6;
    --ddm-accent-200: #B6CCEC;
    --ddm-accent-300: #86A8DD;
    --ddm-accent-400: #4F7FC7;
    --ddm-accent-500: #1F4E96;
    --ddm-accent-600: #1A4280;
    --ddm-accent-700: #163769;
    --ddm-accent-800: #122C54;
    --ddm-accent-900: #0D2140;

    /* Le fond des pages claires et celui des ecrans sombres du portail. */
    --ddm-surface: #F7F8FA;
    --ddm-surface-sombre: #0B1322;

    /* Les gris de texte du site du cabinet. Neutres, et non des marines
       eclaircis : sur fond sombre un gris bleute passe pour du texte eteint,
       et la page entiere parait terne. */
    --ddm-plume-200: #E7ECF3;
    --ddm-plume-300: #CFD6E0;
    --ddm-plume-400: #C1C8D1;
    --ddm-plume-500: #728197;
    --ddm-plume-600: #4A5464;

    /* Noms employes par la feuille de style de l'application. Ils renvoient
       aux deux gammes ci-dessus : l'encre au marine, le rouge a l'accent, la
       nuit au marine profond. */
    --ddm-encre-50: var(--ddm-navy-50);
    --ddm-encre-100: var(--ddm-navy-100);
    --ddm-encre-200: var(--ddm-navy-200);
    --ddm-encre-300: var(--ddm-navy-300);
    --ddm-encre-400: var(--ddm-navy-400);
    --ddm-encre-500: var(--ddm-navy-500);
    --ddm-encre-600: var(--ddm-navy-700);
    --ddm-encre-700: var(--ddm-navy-800);
    --ddm-encre-800: var(--ddm-navy-900);
    --ddm-encre-900: var(--ddm-navy-950);

    --ddm-rouge-100: #FEE2E2;
    --ddm-rouge-400: #F87171;
    --ddm-rouge-500: #DC2626;
    --ddm-rouge-600: #B91C1C;
    --ddm-rouge-700: #991B1B;

    --ddm-nuit-950: var(--ddm-navy-950);
    --ddm-nuit-900: var(--ddm-navy-900);
    --ddm-nuit-850: var(--ddm-navy-800);
    --ddm-nuit-800: var(--ddm-navy-700);
    --ddm-nuit-700: var(--ddm-navy-600);

    /* La marque et son accent : le bordeaux du logo, l'or de la couronne. */
    --ddm-bordeaux: #66100F;
    --ddm-bordeaux-clair: #F6E6E5;
    --ddm-or: #C9A34E;
    --ddm-or-fonce: #9C7A2E;
    --ddm-or-clair: #F7EFDC;

    --ddm-police: 'Poppins', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}