/* ═══════════════════════════════════════════════════════════
   ÉCOUTILLE — theme-light.css
   Blanc cassé · Gris froids · Accent bleu B2B
═══════════════════════════════════════════════════════════ */
:root {
    /* Fonds */
    --bg:         #f5f7fa;   /* page — blanc légèrement froid */
    --bg-1:       #ffffff;   /* cartes */
    --bg-2:       #eef1f6;   /* headers de cartes, zone secondaire */
    --input-bg:   #ffffff;
    --code-bg:    #f0f4f8;
    --topbar-bg:  rgba(255,255,255,.97);

    /* Bordures */
    --border:     #dde2ea;
    --border-hi:  #b8c2d0;

    /* Texte */
    --text:       #374151;   /* corps */
    --text-dim:   #6b7280;   /* secondaire */
    --text-hi:    #111827;   /* titres */

    /* Accent : bleu professionnel */
    --accent:     #2563eb;
    --accent-hi:  #1d4ed8;
    --accent-dim: #bfdbfe;
    --accent-fg:  #ffffff;
    --accent-glow:rgba(37,99,235,.15);

    /* Sémantiques */
    --green:        #16a34a;
    --green-bg:     rgba(22,163,74,.07);
    --green-border: rgba(22,163,74,.25);
    --red:          #dc2626;
    --red-bg:       rgba(220,38,38,.07);
    --red-border:   rgba(220,38,38,.25);
    --red-text:     #b91c1c;
    --blue:         #3b82f6;

    --sh: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.06);
}