/* =========================================================
   POK DIGITAL — theme.css
   Fichier de thème : SEUL fichier à modifier pour changer
   l'identité visuelle d'un site client.
   ========================================================= */

:root {
    /* ── Couleurs principales ── */
    --c-electric:        #2563EB;   /* couleur d'accent principale */
    --c-electric-dark:   #1D4ED8;   /* variante foncée (hover, gradient) */
    --c-electric-light:  #3B82F6;   /* variante claire */
    --c-navy:            #1F4E79;   /* couleur sombre principale */
    --c-navy-deep:       #163A5F;   /* variante plus foncée (gradients) */

    /* ── Couleurs de fond ── */
    --c-bg:              #F8FAFF;   /* fond général */
    --c-bg-alt:          #EEF4FF;   /* fond alternatif (sections) */
    --c-bg-subtle:       #DDE8FF;   /* fond subtil (gradients) */
    --c-bg-neutral:      #F1F5F9;   /* fond neutre (admin, inputs) */
    --c-white:           #FFFFFF;

    /* ── Couleurs de texte ── */
    --c-text:            #1A1A2E;
    --c-text-soft:       #4B5563;
    --c-text-muted:      #9CA3AF;

    /* ── Couleurs de bordure ── */
    --c-border:          #E2E8F0;

    /* ── Couleurs sémantiques (états) ── */
    --c-success:         #059669;
    --c-success-dark:    #065F46;
    --c-success-light:   #D1FAE5;
    --c-success-border:  #6EE7B7;
    --c-error:           #DC2626;
    --c-error-light:     #FEE2E2;
    --c-error-border:    #FCA5A5;
    --c-info:            #1D4ED8;
    --c-info-light:      #DBEAFE;
    --c-info-border:     #93C5FD;
    --c-warning:         #F59E0B;

    /* ── Couleurs décoratives fixes (mockup OS, Google) ── */
    --c-dot-red:         #FF5F57;   /* bouton rouge fenêtre macOS */
    --c-dot-yellow:      #FFBD2E;   /* bouton jaune fenêtre macOS */
    --c-dot-green:       #28C840;   /* bouton vert fenêtre macOS */
    --c-hero-check:      #22C55E;   /* checkmarks hero trust */

    /* ── Opacités electric (dérivées, pour rgba) ── */
    --c-electric-05:     rgba(37,99,235,.05);
    --c-electric-06:     rgba(37,99,235,.06);
    --c-electric-07:     rgba(37,99,235,.07);
    --c-electric-08:     rgba(37,99,235,.08);
    --c-electric-30:     rgba(37,99,235,.30);
    --c-navy-06:         rgba(31,78,121,.06);
    --c-bg-header:       rgba(248,250,255,.92); /* header transparent scroll */

    /* ── Typographie ── */
    --font-display:      'Syne', sans-serif;
    --font-body:         'Inter', sans-serif;

    /* ── Rayons ── */
    --radius-sm:         6px;
    --radius-md:         12px;
    --radius-lg:         20px;
    --radius-xl:         32px;

    /* ── Ombres ── */
    --shadow-sm:         0 1px 3px rgba(30,60,120,.06), 0 1px 2px rgba(30,60,120,.04);
    --shadow-md:         0 4px 16px rgba(30,60,120,.10), 0 2px 6px rgba(30,60,120,.06);
    --shadow-lg:         0 12px 40px rgba(30,60,120,.14), 0 4px 12px rgba(30,60,120,.08);
    --shadow-glow:       0 0 0 4px rgba(37,99,235,.18);

    /* ── Transitions ── */
    --transition:        .22s cubic-bezier(.4,0,.2,1);
    --transition-slow:   .45s cubic-bezier(.4,0,.2,1);
}