/**
 * KAURYX GROUP — Design Tokens (CSS Custom Properties)
 * ─────────────────────────────────────────────────────
 * Source unique de vérité pour toutes les valeurs de design.
 * Importé en premier par tous les stylesheets.
 *
 * Couche 1/5 de l'architecture CSS :
 *   tokens → reset → base → components → pages/admin
 */

:root {

    /* ── Couleurs principales ───────────────────── */
    --color-primary:       #07111f;
    --color-primary-mid:   #0d1e35;
    --color-primary-light: #122540;

    /* ── Couleurs d'accent ──────────────────────── */
    --color-accent:        #00c4ff;
    --color-accent-2:      #0066ff;
    --color-accent-glow:   rgba(0, 196, 255, 0.18);

    /* ── Or (Kauryx Patrimoine) ─────────────────── */
    --color-gold:          #c9a227;
    --color-gold-light:    #e8c147;
    --color-gold-glow:     rgba(201, 162, 39, 0.22);

    /* ── Neutres ────────────────────────────────── */
    --color-white:         #ffffff;
    --color-off-white:     #f5f8fc;
    --color-light-gray:    #e4ecf5;
    --color-text-main:     #1a2a44;
    --color-text-light:    #5a6e8c;

    /* ── Typographie ────────────────────────────── */
    --font-heading:  'Montserrat', sans-serif;
    --font-body:     'Inter', sans-serif;

    /* ── Rayons de bordure ──────────────────────── */
    --radius-sm:  8px;
    --radius-md:  16px;
    --radius-lg:  24px;
    --radius-xl:  32px;
    --radius-2xl: 48px;
    --radius-pill: 100px;

    /* ── Ombres ─────────────────────────────────── */
    --shadow-sm:  0 2px 10px rgba(7, 17, 31, .06);
    --shadow-md:  0 8px 28px rgba(7, 17, 31, .10);
    --shadow-lg:  0 20px 60px rgba(7, 17, 31, .16);

    /* ── Transitions ────────────────────────────── */
    --transition:      .3s ease;
    --transition-slow: .65s cubic-bezier(.4, 0, .2, 1);

    /* ── Layout ─────────────────────────────────── */
    --container-max:   1240px;
    --container-pad:   28px;

    /* ────────────────────────────────────────────
       Aliases rétrocompatibles (anciens noms)
       Permettent aux pages existantes de continuer
       à fonctionner sans modification immédiate.
    ──────────────────────────────────────────── */
    --primary:       var(--color-primary);
    --primary-mid:   var(--color-primary-mid);
    --primary-light: var(--color-primary-light);
    --accent:        var(--color-accent);
    --accent-2:      var(--color-accent-2);
    --accent-glow:   var(--color-accent-glow);
    --gold:          var(--color-gold);
    --gold-light:    var(--color-gold-light);
    --gold-glow:     var(--color-gold-glow);
    --white:         var(--color-white);
    --off-white:     var(--color-off-white);
    --light-gray:    var(--color-light-gray);
    --text-main:     var(--color-text-main);
    --text-light:    var(--color-text-light);
    --font-h:        var(--font-heading);
    --font-b:        var(--font-body);
    --r-sm:          var(--radius-sm);
    --r-md:          var(--radius-md);
    --r-lg:          var(--radius-lg);
    --r-xl:          var(--radius-xl);
    --r-2xl:         var(--radius-2xl);
    --shadow-sm:     var(--shadow-sm);
    --shadow-md:     var(--shadow-md);
    --shadow-lg:     var(--shadow-lg);
    --t:             var(--transition);
    --t-slow:        var(--transition-slow);
}