:root {
    /* On utilise la nomenclature des variables CSS de Bootstrap 5 (--bs-*).
       Elles sont simulees pour l'instant par theme_teluq. Lors du passage a Bootstrap 5,
       elles seront remplacees par les variables natives de Bootstrap. */
    --teluq-breakpoints-xs: var(--bs-breakpoint-xs);
    --teluq-breakpoints-sm: var(--bs-breakpoint-sm);
    --teluq-breakpoints-md: var(--bs-breakpoint-md);
    --teluq-breakpoints-lg: var(--bs-breakpoint-lg);
    --teluq-breakpoints-xl: var(--bs-breakpoint-xl);

    --teluq-spacing-spacer: var(--bs-spacer);

    --teluq-radius-base: var(--bs-border-radius);
    --teluq-radius-interactive: var(--bs-border-radius);
    --teluq-radius-static: 0;
    --teluq-radius-lg: var(--bs-border-radius-lg);
    --teluq-radius-sm: var(--bs-border-radius-sm);

    --teluq-borders-width: var(--bs-border-width);
    --teluq-borders-color: var(--bs-border-color);

    --teluq-colors-base-white: var(--bs-white);
    --teluq-colors-base-dark: var(--bs-dark);
    --teluq-colors-base-blue: var(--bs-blue);
    --teluq-colors-base-indigo: var(--bs-indigo);
    --teluq-colors-base-purple: var(--bs-purple);
    --teluq-colors-base-pink: var(--bs-pink);
    --teluq-colors-base-green: var(--bs-green);
    --teluq-colors-base-orange: var(--bs-orange);
    --teluq-colors-base-yellow: var(--bs-yellow);
    --teluq-colors-base-red: var(--bs-red);
    --teluq-colors-base-teal: var(--bs-teal);
    --teluq-colors-base-cyan: var(--bs-cyan);

    --teluq-colors-gray-100: var(--bs-gray-100);
    --teluq-colors-gray-200: var(--bs-gray-200);
    --teluq-colors-gray-300: var(--bs-gray-300);
    --teluq-colors-gray-400: var(--bs-gray-400);
    --teluq-colors-gray-500: var(--bs-gray-500);
    --teluq-colors-gray-600: var(--bs-gray-600);
    --teluq-colors-gray-700: var(--bs-gray-700);
    --teluq-colors-gray-800: var(--bs-gray-800);
    --teluq-colors-gray-900: var(--bs-gray-900);

    --teluq-colors-brand-teluq-vert-fonce: var(--teluq-vert-fonce);
    --teluq-colors-brand-teluq-gris-interface: var(--teluq-gris-interface);
    --teluq-colors-brand-teluq-jaune: var(--teluq-jaune);

    --teluq-colors-theme-primary: var(--bs-primary);
    --teluq-colors-theme-secondary: var(--bs-secondary);
    --teluq-colors-theme-success: var(--bs-success);
    --teluq-colors-theme-info: var(--bs-info);
    --teluq-colors-theme-warning: var(--bs-warning);
    --teluq-colors-theme-danger: var(--bs-danger);
    --teluq-colors-theme-light: var(--bs-light);
    --teluq-colors-theme-dark: var(--bs-dark);

    --teluq-colors-text-body: var(--bs-body-color);

    --teluq-colors-link-default: var(--bs-link-color);
    --teluq-colors-link-visited: var(--bs-link-visited-color);

    --teluq-colors-background-body: var(--bs-body-bg);

    --teluq-colors-code-text: var(--bs-code-color);

    --teluq-typography-font-family-sans-serif: var(--bs-font-sans-serif);
    --teluq-typography-font-family-monospace: var(--bs-font-monospace);

    --teluq-typography-font-size-base: var(--bs-body-font-size);

    --teluq-typography-line-height-base: var(--bs-body-line-height);

    --teluqwclib-outline-color: var(--bs-cyan, #76b6ff);
    --teluqwclib-border-color: var(--bs-secondary, #ccc);
    --teluqwclib-text-color: var(--bs-dark, #000);
    --teluqwclib-enabled-bg-color: var(--bs-primary, var(--teluqwclib-text-color));
    --teluqwclib-enabled-text-color: var(--bs-light, #fff);
    --teluqwclib-disabled-bg-color: color-mix(in srgb, var(--bs-danger, #dc3545) 20%, transparent);
    --teluqwclib-disabled-label-bg-color: color-mix(in srgb, var(--bs-danger, #dc3545) 20%, white);
    --teluqwclib-disabled-text-color: color-mix(in srgb, var(--bs-danger, #dc3545) 50%, var(--bs-dark, #000));
    --teluqwclib-beta-bg-color: color-mix(in srgb, var(--bs-info, #0dcaf0) 20%, transparent);
    --teluqwclib-beta-label-bg-color: color-mix(in srgb, var(--bs-info, #0dcaf0) 20%, white);
    --teluqwclib-beta-text-color: color-mix(in srgb, var(--bs-info, #0dcaf0) 50%, var(--bs-dark, #000));
    --teluqwclib-deprecated-bg-color: color-mix(in srgb, var(--bs-warning, #ffc107) 20%, transparent);
    --teluqwclib-deprecated-label-bg-color: color-mix(in srgb, var(--bs-warning, #ffc107) 20%, white);
    --teluqwclib-deprecated-text-color: color-mix(in srgb, var(--bs-warning, #ffc107) 50%, var(--bs-dark, #000));
    --teluqwclib-overlay-opacity: 0.5;
    --teluqwclib-box-shadow: 0 0 0 3px var(--teluqwclib-border-color);
    --teluqwclib-outline: 3px solid var(--teluqwclib-outline-color);
    --teluqwclib-outline-box-shadow: 0 0 5px 2px color-mix(in srgb, var(--teluqwclib-outline-color) 45%, transparent);
    --teluqwclib-contenteditable-border-color: color-mix(in srgb, var(--teluqwclib-border-color) 50%, transparent);
    --teluqwclib-contenteditable-border: 1px dashed var(--teluqwclib-contenteditable-border-color);
}