:root {
    /** Dark theme primary colors */
    --clr-primary-a0: #2014c8;
    --clr-primary-a10: #4d30cf;
    --clr-primary-a20: #6a4ad6;
    --clr-primary-a30: #8362dd;
    --clr-primary-a40: #9a7be3;
    --clr-primary-a50: #b095e9;

/** Dark theme primary colors - Semi-transparent */
    --clr-primary-a0-rgb: 32, 20, 200;
    --clr-primary-a10-rgb: 77, 48, 207;
    --clr-primary-a20-rgb: 106, 74, 214;
    --clr-primary-a30-rgb: 131, 98, 221;
    --clr-primary-a40-rgb: 154, 123, 227;
    --clr-primary-a50-rgb: 176, 149, 233;
    /** Dark theme surface colors */
    /*--clr-surface-a0: #171717;
    --clr-surface-a10: #2c2c2c;
    --clr-surface-a20: #434343;
    --clr-surface-a30: #5b5b5b;
    --clr-surface-a40: #747474;
    --clr-surface-a50: #8e8e8e;
    /** Dark theme tonal surface colors */
    /*--clr-surface-tonal-a0: #221936;
    --clr-surface-tonal-a10: #372e4a;
    --clr-surface-tonal-a20: #4e455e;
    --clr-surface-tonal-a30: #655d73;
    --clr-surface-tonal-a40: #7d7689;
    --clr-surface-tonal-a50: #958fa0;

/** Base colors */
--clr-dark-a0: #000000;
--clr-light-a0: #ffffff;

/** Theme primary colors - Violets */
/*--clr-primary-a0: #00d4ff;
--clr-primary-a10: #33d9ff;
--clr-primary-a20: #66deff;
--clr-primary-a30: #80e3ff;
--clr-primary-a40: #99e8ff;
--clr-primary-a50: #b3edff;*/

/** Theme surface colors - Sombre et transparent */
--clr-surface-a0: #000000;
--clr-surface-a10: #111111;
--clr-surface-a20: #222222;
--clr-surface-a30: #333333;
--clr-surface-a40: #444444;
--clr-surface-a50: #555555;

/** Theme tonal surface colors - Pour transparence */
--clr-surface-tonal-a0: rgba(0, 0, 0, 0.8);
--clr-surface-tonal-a10: rgba(34, 34, 34, 0.8);
--clr-surface-tonal-a20: rgba(51, 51, 51, 0.8);
--clr-surface-tonal-a30: rgba(68, 68, 68, 0.8);
--clr-surface-tonal-a40: rgba(85, 85, 85, 0.8);
--clr-surface-tonal-a50: rgba(102, 102, 102, 0.8);

/** Success colors */
--clr-success-a0: #22946e;
--clr-success-a10: #47d5a6;
--clr-success-a20: #9ae8ce;

/** Warning colors */
--clr-warning-a0: #a87a2a;
--clr-warning-a10: #d7ac61;
--clr-warning-a20: #ecd7b2;

/** Danger colors */
--clr-danger-a0: #9c2121;
--clr-danger-a10: #d94a4a;
--clr-danger-a20: #eb9e9e;

/** Info colors */
--clr-info-a0: #21498a;
--clr-info-a10: #4077d1;
--clr-info-a20: #92b2e5;

/* Dimensions Layout */
--sidebar-width: clamp(220px, 20vw, 280px);
--header-height: 70px;
--right-panel-width: 260px;

/* Bloom Intensity (0 = no bloom, 1 = intense bloom) */
--bloom-intensity: 0.8;
}