/* ==========================================================================
   InsectesComestibles — Design System Tokens v3
   Direction : Nature / Authentique / Ferme — "De notre ferme à votre assiette"
   ========================================================================== */

@font-face {
    font-family: 'Playfair Display';
    src: url('../assets/fonts/PlayfairDisplay-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../assets/fonts/PlayfairDisplay-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    /* ── Palette — Terre & Nature ────────────────────────────── */
    --ic-brun-fonce:  #3B2314;       /* bois sombre, sol riche */
    --ic-brun:        #5C3D2E;       /* tronc, écorce */
    --ic-brun-moyen:  #7A5540;       /* bois clair */
    --ic-brun-clair:  #A07D68;       /* bambou sec */

    --ic-vert-fonce:  #2E4A32;       /* feuillage dense */
    --ic-vert-moyen:  #4A7C59;       /* herbe, feuille fraîche */
    --ic-vert-clair:  #6B9E78;       /* jeune pousse */
    --ic-vert-sage:   #8BAF8C;       /* sauge, doux */

    --ic-creme:       #FAF6F0;       /* papier de riz */
    --ic-creme-dark:  #F0E8DC;       /* parchemin */
    --ic-sable:       #E8DCCC;       /* sable thaï */

    --ic-accent:      #C8882B;       /* miel, ambre */
    --ic-accent-hover:#A66F1F;       /* miel foncé */
    --ic-accent-light:#E8B86D;       /* miel clair */

    --ic-terracotta:  #B8623B;       /* terre cuite, poterie */
    --ic-ocre:        #D4A24E;       /* ocre naturel */
    --ic-blanc:       #FFFFFF;

    /* Gris chauds (teinte brune/terre) */
    --ic-gris-900:    #2C2216;
    --ic-gris-700:    #4D4035;
    --ic-gris-500:    #7A6E62;
    --ic-gris-300:    #B5A898;
    --ic-gris-100:    #E8E0D6;

    /* ── Typographie ─────────────────────────────────────────── */
    --ic-font-display:'Playfair Display', Georgia, 'Times New Roman', serif;
    --ic-font:        system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --ic-font-mono:   ui-monospace, "SF Mono", Menlo, monospace;

    --ic-fs-xs:       0.75rem;
    --ic-fs-sm:       0.875rem;
    --ic-fs-base:     1rem;
    --ic-fs-md:       1.25rem;
    --ic-fs-lg:       1.5rem;
    --ic-fs-xl:       2rem;
    --ic-fs-2xl:      2.5rem;
    --ic-fs-3xl:      3rem;

    --ic-lh-tight:    1.2;
    --ic-lh-base:     1.6;
    --ic-lh-loose:    1.8;

    --ic-fw-normal:   400;
    --ic-fw-medium:   500;
    --ic-fw-semi:     600;
    --ic-fw-bold:     700;

    /* ── Espacement ──────────────────────────────────────────── */
    --ic-sp-1:  0.25rem;
    --ic-sp-2:  0.5rem;
    --ic-sp-3:  0.75rem;
    --ic-sp-4:  1rem;
    --ic-sp-5:  1.5rem;
    --ic-sp-6:  2rem;
    --ic-sp-7:  3rem;
    --ic-sp-8:  4rem;
    --ic-sp-9:  5rem;

    /* ── Conteneurs ──────────────────────────────────────────── */
    --ic-container:     1200px;
    --ic-container-sm:   800px;
    --ic-gutter:        var(--ic-sp-5);

    /* ── Rayons — organiques, doux ───────────────────────────── */
    --ic-radius-sm:   6px;
    --ic-radius-md:  12px;
    --ic-radius-lg:  18px;
    --ic-radius-full:50%;
    --ic-radius-pill:999px;

    /* ── Ombres — teinte terre chaude ────────────────────────── */
    --ic-shadow-sm:  0 1px  4px rgba(59,35,20,.06);
    --ic-shadow-md:  0 4px 16px rgba(59,35,20,.08);
    --ic-shadow-lg:  0 8px 32px rgba(59,35,20,.12);
    --ic-shadow-warm:0 4px 20px rgba(200,136,43,.15);

    /* ── Transitions ─────────────────────────────────────────── */
    --ic-ease:       250ms cubic-bezier(.4,0,.2,1);
    --ic-ease-slow:  400ms cubic-bezier(.4,0,.2,1);
}