/* Charte Traiteur Montgrand, reprise de traiteur-montgrand.fr : noir profond, magenta, titres Cormorant Garamond,
   interface en Jost, angles vifs, capitales espacées. */

@font-face {
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url("/assets/fonts/cormorant-garamond.woff2") format("woff2");
}
@font-face {
    font-family: "Cormorant Garamond";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/cormorant-garamond-italique.woff2") format("woff2");
}
@font-face {
    font-family: "Jost";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/assets/fonts/jost.woff2") format("woff2");
}

:root {
    /* Fonds */
    --ink: #000000;
    --ink-soft: #110f11;
    --ink-raised: #1e1b1e;
    --ink-hover: #262226;
    --line: rgba(255, 255, 255, .09);
    --line-strong: rgba(255, 255, 255, .16);

    /* Textes */
    --paper: #ffffff;
    --mist: #f2f0f1;
    --smoke: #a6a6a6;
    --graphite: #6e696e;

    /* Marque */
    --magenta: #d3117f;
    --magenta-deep: #bb177a;
    --rose: #f04aa0;
    --bloom: #e42b8c;
    --blush: #fceef6;
    --magenta-voile: rgba(211, 17, 127, .14);

    /* États */
    --ok: #4fbf87;
    --attention: #f2b84b;
    --danger: #e5484d;

    /* Couleurs de l'agenda de l'équipe (codes Google) */
    --agenda-livraison: #039be5;   /* L. bleu */
    --agenda-place: #f4511e;       /* E. orange */
    --agenda-marguerittes: #d50000;/* M. rouge */
    --agenda-halles: #0b8043;      /* H. vert */
    --agenda-rdv: #f6bf26;         /* jaune */
    --agenda-non-signe: #8a8a8a;   /* gris */

    /* Typographie */
    --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --font-sans: "Jost", "Helvetica Neue", Arial, sans-serif;
    --tracking-caps: .22em;
    --text-hero: clamp(2.6rem, 1.6rem + 4.2vw, 4.6rem);
    --text-h1: clamp(2.2rem, 1.6rem + 2.4vw, 3.4rem);
    --text-h2: clamp(1.5rem, 1.25rem + 1vw, 2rem);

    /* Formes */
    --radius: 2px;
    --radius-full: 9999px;
    --shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 18px 40px -24px rgba(0, 0, 0, .8);
    --shadow-pop: 0 24px 70px -20px rgba(0, 0, 0, .85), 0 0 0 1px var(--line);
    --ease-out: cubic-bezier(.22, 1, .36, 1);
    --dur-fast: .2s;
    --dur-base: .45s;

    /* Mise en page */
    --sidebar-w: 280px;
    --topbar-h: 60px;
    --gutter: clamp(1rem, .5rem + 2.2vw, 2.5rem);
    --tap: 44px;
}