/**
 * INKADH — Design Tokens (variables CSS globales)
 *
 * Toutes les valeurs de design du projet sont centralisées ici.
 * Utilisez toujours ces variables dans les fichiers widget-*.css,
 * ne jamais coder une couleur, taille ou ombre en dur.
 *
 * Fichier chargé EN PREMIER par elementor-widgets.php.
 * ─────────────────────────────────────────────────────────────────
 */

:root {

    /* ── Palette principale ───────────────────────────────────────── */
    --inkadh-blue:          #2342F7;   /* Bleu brand principal          */
    --inkadh-blue-dark:     #00158E;   /* Bleu foncé (catégories, liens)*/
    --inkadh-blue-mid:      #2136a7;   /* Bleu moyen (labels pods)      */
    --inkadh-blue-light:    #2f57ff;   /* Gradient début (bannière)     */
    --inkadh-blue-light2:   #2d4ffc;   /* Gradient fin  (bannière)      */

    --inkadh-dark:          #071338;   /* Fond hero / footer            */
    --inkadh-dark2:         #0A184B;   /* Variante fond sombre          */
    --inkadh-dark3:         #0A1539;   /* Titre podcast                 */
    --inkadh-dark-text:     #1E1F24;   /* Texte quasi-noir              */

    --inkadh-white:         #ffffff;
    --inkadh-grey:          #666666;   /* Textes secondaires / dates    */

    /* ── Bordures & fonds neutres ────────────────────────────────── */
    --inkadh-border:        #e2e7f5;   /* Bordure boîte actualités      */
    --inkadh-border-card:   #e8ecf8;   /* Bordure card                  */
    --inkadh-border-date:   #d7dff5;   /* Séparateur date               */
    --inkadh-border-pod:    #d9def0;   /* Bordure card podcast          */

    /* ── Overlays & ombres ───────────────────────────────────────── */
    --inkadh-shadow-blue-sm:  0 2px 12px rgba(35, 66, 247, 0.06);
    --inkadh-shadow-blue-md:  0 8px 28px rgba(35, 66, 247, 0.12);
    --inkadh-overlay-dark:    rgba(7,  19,  56, 0.08);
    --inkadh-overlay-border:  rgba(57, 106, 252, 0.35);  /* Footer line  */

    /* ── Typographie ─────────────────────────────────────────────── */
    --inkadh-font:          'Sora', sans-serif;

    --inkadh-fs-hero:       2.2rem;    /* Titres principaux             */
    --inkadh-fs-banner:     1.55rem;   /* Titre bannière                */
    --inkadh-fs-lg:         1.15rem;   /* Footer social title           */
    --inkadh-fs-md:         1rem;      /* Corps, labels pods            */
    --inkadh-fs-body:       0.95rem;   /* Boutons, corps normal         */
    --inkadh-fs-sm:         0.9rem;    /* Texte article                 */
    --inkadh-fs-xs:         0.88rem;   /* Descriptions, CTA             */
    --inkadh-fs-xxs:        0.82rem;   /* Lien "Lire Plus"              */
    --inkadh-fs-badge:      0.78rem;   /* Bouton "Explorer", catégorie  */
    --inkadh-fs-micro:      0.72rem;   /* Date, bouton partager         */

    /* ── Rayons de bordure ───────────────────────────────────────── */
    --inkadh-radius-xs:     2px;
    --inkadh-radius-sm:     4px;
    --inkadh-radius-md:     5px;
    --inkadh-radius-lg:     8px;
    --inkadh-radius-full:   50%;

    /* ── Espacements & mise en page ─────────────────────────────── */
    --inkadh-max-width:     1280px;    /* Largeur max contenu           */
    --inkadh-max-width-hero:1140px;    /* Largeur max hero              */
    --inkadh-inner-px:      60px;      /* Padding horizontal inner      */
    --inkadh-inner-px-md:   30px;      /* Padding responsive ≤1100px    */
    --inkadh-inner-px-sm:   20px;      /* Padding responsive ≤900px     */
    --inkadh-inner-px-xs:   12px;      /* Padding responsive ≤600px     */

    /* ── Transitions ─────────────────────────────────────────────── */
    --inkadh-transition:        .25s ease;
    --inkadh-transition-slow:   .4s  ease;

    /* ── Gradients ───────────────────────────────────────────────── */
    --inkadh-gradient-banner: linear-gradient(90deg, var(--inkadh-blue-light) 0%, var(--inkadh-blue-light2) 100%);

    /* ── Couleurs supplémentaires ────────────────────────────────── */
    --inkadh-blue-contact:  #396AFC;   /* Footer contact / icônes      */
    --inkadh-card-dark:     #0d1f5c;   /* Card activités fond sombre   */
    --inkadh-text-mid:      #5a6480;   /* Textes secondaires (fonds/faq)*/
    --inkadh-text-light:    #606780;   /* Sous-titres (fonds)          */
    --inkadh-icon-grey:     #8a93b4;   /* Icône FAQ inactive            */

    /* ── Fonds de section ────────────────────────────────────────── */
    --inkadh-bg-light:      #f6f7fc;   /* Section textes juridiques    */
    --inkadh-bg-subtle:     #f2f4f9;   /* Section FAQ                  */

    /* ── Bordures supplémentaires ───────────────────────────────── */
    --inkadh-border-neutral: #dde3f5;  /* FAQ / Fonds items            */
    --inkadh-border-sponsor: #e0e4f0;  /* Grille sponsors              */
    --inkadh-bg-sponsor-hover: #f6f8ff;/* Hover cellule sponsor        */

    /* ── Overlays supplémentaires ───────────────────────────────── */
    --inkadh-overlay-hero:         rgba(255, 255, 255, 0.07);
    --inkadh-overlay-hero-deco:    rgba(255, 255, 255, 0.06);
    --inkadh-overlay-btn-border:   rgba(255, 255, 255, 0.4);
    --inkadh-overlay-btn-hover:    rgba(255, 255, 255, 0.1);
    --inkadh-overlay-dot:          rgba(255, 255, 255, 0.35);
    --inkadh-overlay-person:       rgba(10, 24, 75, 0.5);
    --inkadh-overlay-card:         rgba(0, 0, 0, 0.4);
    --inkadh-overlay-border-faint: rgba(57, 106, 252, 0.19);
    --inkadh-overlay-blue-hover:   rgba(35, 66, 247, 0.15);
    --inkadh-overlay-blue-faint:   rgba(35, 66, 247, 0.04);
    --inkadh-overlay-blue-border:  rgba(35, 66, 247, 0.08);

    /* ── Ombres supplémentaires ──────────────────────────────────── */
    --inkadh-shadow-blue-lg:  0 8px 32px rgba(35, 66, 247, 0.12);
    --inkadh-shadow-blue-xl:  0 8px 32px rgba(35, 66, 247, 0.14);
    --inkadh-shadow-card:     0 16px 40px rgba(0, 0, 0, 0.4);
    --inkadh-shadow-loi:      0 2px 16px rgba(35, 66, 247, 0.06);
}