/* Variables CSS personnalisées pour ASA */
:root {
    /* Variables de couleurs blanches avec opacité */
    --color-white-001: rgba(255, 255, 255, .01);
    --color-white-003: rgba(255, 255, 255, .03);
    --color-white-005: rgba(255, 255, 255, .05);
    --color-white-006: rgba(255, 255, 255, .06);
    --color-white-007: rgba(255, 255, 255, .07);
    --color-white-008: rgba(255, 255, 255, .08);
    --color-white-010: rgba(255, 255, 255, .1);
    --color-white-015: rgba(255, 255, 255, .15);
    --color-white-020: rgba(255, 255, 255, .2);
    --color-white-040: rgba(255, 255, 255, .4);
    --color-white-060: rgba(255, 255, 255, .6);
    --color-white-070: rgba(255, 255, 255, .7);
    --color-white-080: rgba(255, 255, 255, .8);
    --color-white-090: rgba(255, 255, 255, .9);
    --color-white-100: rgba(255, 255, 255, 1);

    /* Variables de couleurs thématiques */
    --color-purple-020: rgba(145, 93, 255, .2);
    --color-purple-b-010: rgba(145, 94, 255, .1);
    --color-purple-b-020: rgba(145, 94, 255, .2);
    --color-purple-b-100: rgba(145, 94, 255, 1);
    --color-blue: rgb(43, 153, 255);
    --color-blue-010: rgba(37, 137, 255, .1);
    --color-blue-020: rgba(37, 137, 255, .2);
    --color-green-020: rgba(56, 226, 179, .2);
    --color-red-020: rgba(253, 91, 93, .2);
    --color-yellow-020: rgba(255, 178, 33, .18);
    --color-red: rgb(253, 91, 93);

    /* Variables de couleurs spéciales */
    --bg-glass-90: rgba(18, 19, 22, .95);
    --color-purple: rgba(161, 137, 255, .75);
    --color-purple-100: rgba(161, 137, 255, 1);
    --color-purple-light: rgb(176, 157, 255);
    --color-wine: rgba(245, 136, 255, .54);

    /* Variables pour les composants UI */
    --color-text-title: var(--color-white-100);
    --color-text-opaque: var(--color-white-060);
    --color-text-high-contrast: var(--color-white-100);
    --color-input-bg: var(--color-white-005);
    --color-input-bg-hover: var(--color-white-008);
    --color-foreground-elevation-1: var(--color-white-005);
    --color-foreground-elevation-2: var(--color-white-010);
    --color-button-light: var(--color-white-015);

    /* Variables de typographie */
    --font-family: "SplineSans", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;

    /* Variables d'espacement */
    --space-0: 0;
    --space-1: 4px;
    --space-2: 8px;
    --space-2-b: 12px;
    --space-3: 16px;
    --space-3-b: 24px;
    --space-4: 32px;

    /* Variables de rayon de bordure */
    --radius-0: 4px;
    --radius-1: 8px;
    --radius-2: 12px;
    --radius-3: 16px;
    --radius-4: 32px;

    /* Variables de largeur de bordure */
    --border-width-0: 0;
    --border-width-1: 1px;

    /* Variables de taille de police */
    --size-1: 8px;
    --size-2: 12px;
    --size-3: 14px;
    --size-4: 16px;
    --size-5: 20px;
    --size-6: 24px;
    --size-7: 32px;

    /* Variables de layout */
    --sidebar-left-width: 252px;
    --header-height: 80px;
    --dimmed-opacity: .5;
    --export-panel-tab-width: 312px;

    /* Variables d'ombre */
    --box-shadow-highlight-soft: 0 2px 8px rgba(255, 255, 255, 0.1);
}