/* ════════════════════════════════════════════════════════════════
   ACURBUSINESS V5 — DESIGN TOKENS
   Version Option C — palette violet saturé #6B35BE
   Dérivée depuis la nouvelle charte officielle
   ════════════════════════════════════════════════════════════════ */

:root {
    /* ============================================================
       BRAND — palette violet saturé (Option C)
       #6B35BE  violet principal  (nouveau brand officiel)
       #5C2CA8  violet profond    (hover / actif)
       #7B42CA  violet chaud      (gradient start / warm)
       #9B6FD4  violet clair      (accent)
       #8A50C8  violet moyen      (mid)
       ============================================================ */

    --brand: #6B35BE;
    --brand-2: #5C2CA8; /* hover / actif — plus foncé        */
    --brand-warm: #7B42CA; /* gradient start — plus chaud        */
    --brand-mid: #8A50C8; /* intermédiaire                      */
    --brand-soft: #E8DEFA; /* fond violet — halo bg plus dense   */
    --brand-soft-2: #CFC0F0; /* bordure carte plus visible         */
    --accent: #9B6FD4; /* violet clair — éclairci du brand   */
    --accent-2: #7B42CA; /* = brand-warm — hover accent        */
    --accent-soft: #EAE0FF; /* fond accent léger                  */

    --acur-indigo: #6B35BE; /* alias sémantique principal         */
    --acur-violet: #7B42CA; /* alias sémantique warm              */
    --acur-cyan: #43BFE3; /* data viz / charts UNIQUEMENT       */
    /* ============================================================
       GRADIENTS
       ============================================================ */

    --gradient-brand: linear-gradient(135deg, #9244E0 0%, #6B35BE 100%);
    --gradient-brand-h: linear-gradient(135deg, #9B52E0 0%, #5C2CA8 100%);
    --gradient-brand-soft: linear-gradient(135deg, #EDE8F8 0%, #D8CFF2 100%);
    --gradient-welcome: linear-gradient(135deg, #FFFFFF 0%, #F8F6FD 50%, #EEE8FB 100%);
    /* ============================================================
       CHARTS
       ============================================================ */

    --chart-1: #6B35BE;
    --chart-2: #7B42CA;
    --chart-3: #10B981;
    --chart-4: #F59E0B;
    --chart-5: #EF4444;
    /* ============================================================
       BACKGROUND
       ============================================================ */

    --bg: #F5F7FA;
    --bg-2: #EEF2F7;
    --surface-1: #FFFFFF;
    --surface-2: #FAFBFD;
    --surface-3: #F3F5F9;
    /* ============================================================
       TEXT
       ============================================================ */

    --ink-0: #0F172A;
    --ink-1: #1E293B;
    --ink-2: #475569;
    --ink-3: #94A3B8;
    --ink-4: #CBD5E1;
    /* ============================================================
       BORDERS
       ============================================================ */

    --line: #E5E7EB;
    --line-2: #DDE2EA;
    --line-3: #CBD5E1;
    /* ============================================================
       TYPOGRAPHY
       ============================================================ */

    --font-display: "Geist", system-ui, sans-serif;
    --font-body: "Geist", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", monospace;
    /* ============================================================
       MODULE COLORS
       ============================================================ */

    --tint-violet-fg: #6D5BFE;
    --tint-violet-bg: #EEEAFF;
    --tint-blue-fg: #2563EB;
    --tint-blue-bg: #DCEAFE;
    --tint-indigo-fg: #4F46E5;
    --tint-indigo-bg: #E0DEFA;
    --tint-teal-fg: #0D9488;
    --tint-teal-bg: #CFF5F0;
    --tint-emerald-fg: #059669;
    --tint-emerald-bg: #D0F4E2;
    --tint-amber-fg: #B45309;
    --tint-amber-bg: #FBE9CC;
    --tint-rose-fg: #E11D48;
    --tint-rose-bg: #FCDCE5;
    --tint-pink-fg: #DB2777;
    --tint-pink-bg: #FAD8EA;
    --tint-slate-fg: #475569;
    --tint-slate-bg: #E2E5EB;
    /* ============================================================
       SEMANTIC
       ============================================================ */

    --success: var(--tint-emerald-fg);
    --success-soft: var(--tint-emerald-bg);
    --danger: var(--tint-rose-fg);
    --danger-soft: var(--tint-rose-bg);
    --warning: var(--tint-amber-fg);
    --warning-soft: var(--tint-amber-bg);
    --info: var(--tint-blue-fg);
    --info-soft: var(--tint-blue-bg);
    /* ============================================================
       SHADOWS — recalculées depuis le nouveau brand #6B35BE
       RGB(107, 53, 190)
       ============================================================ */

    --sh-1: 0 1px 2px rgba(15,23,42,.04);
    --sh-2: 0 2px 4px rgba(15,23,42,.05);
    --sh-3: 0 8px 24px rgba(15,23,42,.08);
    --sh-hover: 0 10px 28px rgba(107,53,190,.22);
    --sh-brand: 0 4px 14px rgba(107,53,190,.35);
    --sh-brand-h: 0 8px 22px rgba(107,53,190,.48);
    /* Welcome card — ombre mauve forte 3 couches */
    --sh-welcome: 0 2px 8px -2px rgba(107, 53, 190, .18), 0 12px 32px -6px rgba(107, 53, 190, .38), 0 28px 56px -14px rgba(91, 44, 168, .28);
    /* ============================================================
       RADIUS
       ============================================================ */

    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius: 10px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 20px;
    /* ============================================================
       LAYOUT
       ============================================================ */

    --topbar-h: 56px;
    --ribbon-tabs-h: 34px;
    --ribbon-acts-h: 42px;
    --mdi-h: 40px;
    --side-w: 270px;
    --side-w-c: 64px;
    --row-h: 36px;
    /* ============================================================
       ANIMATIONS
       ============================================================ */

    --ease-fast: 80ms ease;
    --ease-std: 160ms cubic-bezier(.4,0,.2,1);
    --ease-spring: 220ms cubic-bezier(.34,1.2,.64,1);
}