/* ============================================================
   PLUi Intelligence — DESIGN TOKENS (source de vérité)
   ------------------------------------------------------------
   Ce fichier définit l'identité visuelle unique du produit :
   application (client + admin), documentation et pack commercial.

   ⚠️ Fichier canonique : client/brand.css
   La copie « pack design/assets/brand.css » est générée par
   ./scripts/sync_brand.sh — ne pas l'éditer directement.

   Polices attendues (à charger dans chaque page) :
   Inter (texte) + Fraunces (titres) via Google Fonts.
   ============================================================ */

:root {
    /* --- Palette --- */
    --brand-ink: #0d1f1c;            /* texte principal sur fond clair */
    --brand-deep: #0f2e2a;           /* vert profond (fonds sombres, headers) */
    --brand-deep-2: #134e4a;         /* fin de dégradé des bandeaux sombres */
    --brand-emerald: #10b981;        /* accent principal */
    --brand-emerald-dark: #0a8a60;   /* liens / boutons sur fond clair */
    --brand-emerald-hover: #086b4b;  /* hover des liens / boutons */
    --brand-mint: #d8f3e8;           /* fonds d'accent clairs */
    --brand-mint-bg: #eefaf4;        /* hover / fonds très clairs */
    --brand-mint-border: #9adfc3;    /* bordures claires accentuées */
    --brand-gold: #f5b841;           /* accent secondaire (chiffres, soulignés) */
    --brand-paper: #f7faf8;          /* fond de page clair */
    --brand-card: #ffffff;           /* cartes / panneaux */
    --brand-line: #e3eee8;           /* bordures neutres */
    --brand-muted: #5a7068;          /* texte secondaire sur fond clair */
    --brand-on-deep: #e8f3ee;        /* texte principal sur fond sombre */
    --brand-on-deep-soft: #a9c8bb;   /* texte secondaire sur fond sombre */
    --brand-on-deep-faint: #7da495;  /* texte tertiaire sur fond sombre */

    /* --- Typographie --- */
    --brand-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --brand-font-display: 'Fraunces', Georgia, serif;

    /* --- Dégradés de référence --- */
    --brand-grad-deep: linear-gradient(135deg, var(--brand-deep) 0%, var(--brand-deep-2) 100%);
    --brand-grad-cta: linear-gradient(135deg, var(--brand-emerald), var(--brand-emerald-dark));
    --brand-grad-cta-hover: linear-gradient(135deg, #0ea271, var(--brand-emerald-hover));
    --brand-grad-hero: radial-gradient(900px 500px at 70% 0%, #14443d 0%, var(--brand-deep) 60%, #081d1a 100%);

    /* --- Alias courts (compatibilité pack design / docs) --- */
    --ink: var(--brand-ink);
    --deep: var(--brand-deep);
    --emerald: var(--brand-emerald);
    --emerald-dark: var(--brand-emerald-dark);
    --mint: var(--brand-mint);
    --gold: var(--brand-gold);
    --paper: var(--brand-paper);
    --card: var(--brand-card);
    --line: var(--brand-line);
    --muted: var(--brand-muted);
}
