@import url(../base/primitive.css);

:root {
    --bg-data-1: var(--brand-classic-light-tertiary-1);
    --bg-data-2: var(--brand-classic-light-tertiary-2);
    --bg-data-3: var(--brand-classic-light-tertiary-3);
    --bg-data-4: var(--brand-classic-light-tertiary-4);
    --bg-surface-base: var(--brand-classic-light-gray-200);
    --bg-surface-layer1: var(--brand-classic-light-gray-100);
    --bg-surface-layer2: var(--brand-classic-light-gray-50);
    --bg-success-weak: var(--brand-classic-light-green-100);
    --bg-success-down: var(--brand-classic-light-green-1100);
    --bg-success-hover: var(--brand-classic-light-green-1000);
    --bg-success-default: var(--brand-classic-light-green-900);
    --bg-danger-weak: var(--brand-classic-light-red-100);
    --bg-danger-down: var(--brand-classic-light-red-1100);
    --bg-danger-hover: var(--brand-classic-light-red-1000);
    --bg-danger-default: var(--brand-classic-light-red-900);
    --bg-accent-weak: var(--brand-classic-light-burgundy-100);
    --bg-accent-down: var(--brand-classic-light-burgundy-1100);
    --bg-accent-hover: var(--brand-classic-light-burgundy-1000);
    --bg-accent-default: var(--brand-classic-light-burgundy-900);
    --bg-brand-weak: var(--brand-classic-light-dark-blue-100);
    --bg-brand-down: var(--brand-classic-light-dark-blue-1100);
    --bg-brand-hover: var(--brand-classic-light-dark-blue-1000);
    --bg-brand-default: var(--brand-classic-light-dark-blue-900);
    --bg-bold-press: var(--brand-classic-light-gray-900);
    --bg-bold-hover: var(--brand-classic-light-gray-700);
    --bg-bold-default: var(--brand-classic-light-gray-800);
    --bg-highlight-selected: var(--brand-classic-light-burgundy-opacity-6);
    --bg-highlight-disabled: var(--brand-classic-light-burgundy-opacity-12);
    --bg-highlight-down: var(--brand-classic-light-burgundy-opacity-12);
    --bg-highlight-hover: var(--brand-classic-light-burgundy-opacity-6);
    --bg-highlight-default: var(--brand-classic-light-burgundy-opacity-0);
    --bg-strong: var(--brand-classic-light-gray-200);
    --bg-medium: var(--brand-classic-light-gray-100);
    --bg-default: var(--brand-classic-light-gray-50);
    --border-data-1: var(--brand-classic-light-tertiary-1);
    --border-data-2: var(--brand-classic-light-tertiary-2);
    --border-data-3: var(--brand-classic-light-tertiary-3);
    --border-data-4: var(--brand-classic-light-tertiary-4);
    --border-success-down: var(--brand-classic-light-green-1100);
    --border-success-hover: var(--brand-classic-light-green-1000);
    --border-success-default: var(--brand-classic-light-green-900);
    --border-danger-down: var(--brand-classic-light-red-1100);
    --border-danger-hover: var(--brand-classic-light-red-1000);
    --border-danger-default: var(--brand-classic-light-red-900);
    --border-accent-down: var(--brand-classic-light-burgundy-1100);
    --border-accent-hover: var(--brand-classic-light-burgundy-1000);
    --border-accent-default: var(--brand-classic-light-burgundy-900);
    --border-brand-down: var(--brand-classic-light-dark-blue-1100);
    --border-brand-hover: var(--brand-classic-light-dark-blue-1000);
    --border-brand-default: var(--brand-classic-light-dark-blue-900);
    --border-negative: var(--brand-classic-light-gray-50);
    --border-weak: var(--brand-classic-light-gray-200);
    --border-down: var(--brand-classic-light-gray-900);
    --border-hover: var(--brand-classic-light-gray-700);
    --border-default: var(--brand-classic-light-gray-400);
    --icon-success-down: var(--brand-classic-light-green-1100);
    --icon-success-hover: var(--brand-classic-light-green-1000);
    --icon-success-default: var(--brand-classic-light-green-900);
    --icon-danger-down: var(--brand-classic-light-red-1100);
    --icon-danger-hover: var(--brand-classic-light-red-1000);
    --icon-danger-default: var(--brand-classic-light-red-900);
    --icon-accent-down: var(--brand-classic-light-burgundy-1100);
    --icon-accent-hover: var(--brand-classic-light-burgundy-1000);
    --icon-accent-default: var(--brand-classic-light-burgundy-900);
    --icon-brand-down: var(--brand-classic-light-gray-900);
    --icon-brand-hover: var(--brand-classic-light-gray-800);
    --icon-brand-default: var(--brand-classic-light-gray-700);
    --icon-inverted-weak: var(--brand-classic-light-gray-600);
    --icon-inverted-default: var(--brand-classic-light-gray-50);
    --icon-disabled: var(--brand-classic-light-gray-600);
    --icon-strong: var(--brand-classic-light-gray-900);
    --icon-weak: var(--brand-classic-light-gray-600);
    --icon-default: var(--brand-classic-light-gray-700);
    --text-success-down: var(--brand-classic-light-green-1100);
    --text-success-hover: var(--brand-classic-light-green-1000);
    --text-success-default: var(--brand-classic-light-green-900);
    --text-danger-down: var(--brand-classic-light-red-1100);
    --text-danger-hover: var(--brand-classic-light-red-1000);
    --text-danger-default: var(--brand-classic-light-red-900);
    --text-link-down: var(--brand-classic-light-bright-blue-1100);
    --text-link-hover: var(--brand-classic-light-bright-blue-1000);
    --text-link-default: var(--brand-classic-light-bright-blue-900);
    --text-accent-down: var(--brand-classic-light-burgundy-1000);
    --text-accent-hover: var(--brand-classic-light-burgundy-1100);
    --text-accent-default: var(--brand-classic-light-burgundy-900);
    --text-brand-down: var(--brand-classic-light-dark-blue-1100);
    --text-brand-hover: var(--brand-classic-light-dark-blue-1000);
    --text-brand-default: var(--brand-classic-light-dark-blue-900);
    --text-inverted-disabled: var(--brand-classic-light-gray-500);
    --text-inverted-weak: var(--brand-classic-light-gray-400);
    --text-inverted-default: var(--brand-classic-light-gray-50);
    --text-disabled: var(--brand-classic-light-gray-600);
    --text-strong: var(--brand-classic-light-gray-900);
    --text-weak: var(--brand-classic-light-gray-700);
    --text-default: var(--brand-classic-light-gray-800);
    --bg-warning-weak: var(--brand-classic-light-gray-50);
    --icon-warning-press: var(--brand-classic-light-red-1100);
    --icon-warning-hover: var(--brand-classic-light-red-1000);
    --icon-warning-default: var(--brand-classic-light-red-900);
    --icon-border-default: var(--brand-classic-light-gray-400);
    --bg-danger-disabled: var(--brand-classic-light-burgundy-opacity-12);
    --border-focus-default: var(--brand-classic-light-bright-blue-900);
    --bg-bold-disabled: var(--brand-classic-dark-neutral-200);
    --border-bold-negative: var(--brand-classic-light-gray-50);
    --border-bold-weak: var(--brand-classic-light-gray-200);
    --border-bold-down: var(--brand-classic-light-gray-400);
    --border-bold-hover: var(--brand-classic-light-gray-700);
    --border-bold-default: var(--brand-classic-light-gray-900);
    --bg-surface-disabled: var(--brand-classic-light-neutral-200);
    --bg-data-5: var(--brand-classic-light-tertiary-5);
    --bg-data-6: var(--brand-classic-light-tertiary-6);
    --bg-data-7: var(--brand-classic-light-tertiary-7);
    --bg-data-8: var(--brand-classic-light-tertiary-8);
    --bg-data-9: var(--brand-classic-light-tertiary-9);
    --bg-data-10: var(--brand-classic-light-tertiary-10);
    --bg-data-11: var(--brand-classic-light-tertiary-11);
    --border-data-5: var(--brand-classic-light-tertiary-5);
    --border-data-6: var(--brand-classic-light-tertiary-6);
    --border-data-7: var(--brand-classic-light-tertiary-7);
    --border-data-8: var(--brand-classic-light-tertiary-8);
    --border-data-9: var(--brand-classic-light-tertiary-9);
    --border-data-10: var(--brand-classic-light-tertiary-10);
    --border-data-11: var(--brand-classic-light-tertiary-11);
    --bg-gradient-brand-100-start: var(--brand-classic-light-tertiary-2);
    --bg-gradient-brand-100-stop: var(--brand-classic-light-dark-blue-900);
    --bg-gradient-accent-100-start: var(--brand-classic-light-tertiary-9);
    --bg-gradient-accent-100-stop: var(--brand-classic-light-tertiary-10);
    --bg-gradient-gray-100-start: var(--brand-classic-light-gray-50);
    --bg-gradient-gray-100-stop: var(--brand-classic-light-gray-100);
    --bg-gradient-brand-200-start: var(--brand-classic-light-tertiary-2);
    --bg-gradient-brand-200-stop: var(--brand-classic-light-dark-blue-1000);
    --bg-gradient-gray-200-start: var(--brand-classic-light-gray-100);
    --bg-gradient-gray-200-stop: var(--brand-classic-light-gray-200);
    --bg-gradient-brand-300-start: var(--brand-classic-light-dark-blue-900);
    --bg-gradient-brand-300-stop: var(--brand-classic-light-dark-blue-1000);
    --bg-gradient-overlay-200-start: var(--brand-classic-light-gray-900-80);
    --bg-gradient-overlay-200-stop: var(--brand-classic-light-gray-900-0);
    --bg-gradient-overlay-100-start: var(--brand-classic-light-gray-50-80);
    --bg-gradient-overlay-100-stop: var(--brand-classic-light-gray-50-0);
    --bg-gradient-brand-200-radial-center: var(--brand-classic-light-tertiary-2);
    --bg-gradient-brand-200-radial-start: var(--brand-classic-light-dark-blue-1000);
    --bg-gradient-brand-200-radial-end: var(--brand-classic-light-dark-blue-1000);
    --bg-overlay-dark: var(--brand-classic-light-gray-900-80);
    --bg-overlay-light: var(--brand-classic-light-gray-50-80);
    --bg-elevation-default: var(--BrandClassicLight-gray-900-12);
    --bg-elevation-hover: var(--BrandClassicLight-gray-900-12);
    --bg-elevation-selected: var(--BrandClassicLight-gray-900-16);
}

.audio-graphic-icon {
    background: url("/medias/images/background-images/audio-icon-light.svg");
}