﻿:root {
	/* Couleurs thématiques Bootstrap 5.3 */
	--bs-primary: #0d6efd;
	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary: #6c757d;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success: #198754;
	--bs-success-rgb: 25, 135, 84;
	--bs-danger: #dc3545;
	--bs-danger-rgb: 220, 53, 69;
	--bs-warning: #ffc107;
	--bs-warning-rgb: 255, 193, 7;
	--bs-info: #0dcaf0;
	--bs-info-rgb: 13, 202, 240;
	--bs-light: #f8f9fa;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark: #212529;
	--bs-dark-rgb: 33, 37, 41;
	/* Variables supplémentaires selon Bootstrap 5.3 */
	--bs-secondary-color: var(--bs-secondary);
	--bs-secondary-color-rgb: var(--bs-secondary-rgb);
	--bs-secondary-bg: var(--bs-secondary);
	--bs-secondary-bg-rgb: var(--bs-secondary-rgb);
	--bs-tertiary-color: var(--bs-secondary);
	--bs-tertiary-color-rgb: var(--bs-secondary-rgb);
	--bs-tertiary-bg: var(--bs-secondary);
	--bs-tertiary-bg-rgb: var(--bs-secondary-rgb);
	--bs-emphasis-color: var(--bs-dark);
	--bs-emphasis-color-rgb: var(--bs-dark-rgb);
	--bs-border-color: #dee2e6;
	--bs-border-color-rgb: 222, 226, 230;
	/* Subtilités (subtle) – teintes doux */
	--bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), 0.1);
	--bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.2);
	--bs-primary-text-emphasis: var(--bs-primary);
	--bs-success-bg-subtle: rgba(var(--bs-success-rgb), 0.1);
	--bs-success-border-subtle: rgba(var(--bs-success-rgb), 0.2);
	--bs-success-text-emphasis: var(--bs-success);
	--bs-danger-bg-subtle: rgba(var(--bs-danger-rgb), 0.1);
	--bs-danger-border-subtle: rgba(var(--bs-danger-rgb), 0.2);
	--bs-danger-text-emphasis: var(--bs-danger);
	--bs-warning-bg-subtle: rgba(var(--bs-warning-rgb), 0.1);
	--bs-warning-border-subtle: rgba(var(--bs-warning-rgb), 0.2);
	--bs-warning-text-emphasis: var(--bs-warning);
	--bs-info-bg-subtle: rgba(var(--bs-info-rgb), 0.1);
	--bs-info-border-subtle: rgba(var(--bs-info-rgb), 0.2);
	--bs-info-text-emphasis: var(--bs-info);
	--bs-light-bg-subtle: rgba(var(--bs-light-rgb), 0.1);
	--bs-light-border-subtle: rgba(var(--bs-light-rgb), 0.2);
	--bs-light-text-emphasis: var(--bs-light);
	--bs-dark-bg-subtle: rgba(var(--bs-dark-rgb), 0.1);
	--bs-dark-border-subtle: rgba(var(--bs-dark-rgb), 0.2);
	--bs-dark-text-emphasis: var(--bs-dark);
}


:root {
	/* === Bootstrap → Radzen mapping === */
	--rz-primary: var(--bs-primary);
	--rz-secondary: var(--bs-secondary);
	--rz-success: var(--bs-success);
	--rz-danger: var(--bs-danger);
	--rz-warning: var(--bs-warning);
	--rz-info: var(--bs-info);
	--rz-light: var(--bs-light);
	--rz-dark: var(--bs-dark);
	/* Hover states */
	--rz-primary-hover: color-mix(in srgb, var(--bs-primary) 85%, black);
	--rz-secondary-hover: color-mix(in srgb, var(--bs-secondary) 85%, black);
	--rz-success-hover: color-mix(in srgb, var(--bs-success) 85%, black);
	--rz-danger-hover: color-mix(in srgb, var(--bs-danger) 85%, black);
	--rz-warning-hover: color-mix(in srgb, var(--bs-warning) 85%, black);
	--rz-info-hover: color-mix(in srgb, var(--bs-info) 85%, black);
	--rz-light-hover: color-mix(in srgb, var(--bs-light) 85%, black);
	--rz-dark-hover: color-mix(in srgb, var(--bs-dark) 85%, black);
	/* Texte */
	--rz-text-primary: var(--bs-primary-text-emphasis, var(--bs-primary));
	--rz-text-secondary: var(--bs-secondary-color, var(--bs-secondary));
	--rz-text-success: var(--bs-success-text-emphasis, var(--bs-success));
	--rz-text-danger: var(--bs-danger-text-emphasis, var(--bs-danger));
	--rz-text-warning: var(--bs-warning-text-emphasis, var(--bs-warning));
	--rz-text-info: var(--bs-info-text-emphasis, var(--bs-info));
	--rz-text-light: var(--bs-light-text-emphasis, var(--bs-light));
	--rz-text-dark: var(--bs-dark-text-emphasis, var(--bs-dark));
	/* Fonds (cards, panels, etc.) */
	--rz-background-primary: var(--bs-primary-bg-subtle, rgba(var(--bs-primary-rgb),0.1));
	--rz-background-secondary: var(--bs-secondary-bg-subtle, rgba(var(--bs-secondary-rgb),0.1));
	--rz-background-success: var(--bs-success-bg-subtle, rgba(var(--bs-success-rgb),0.1));
	--rz-background-danger: var(--bs-danger-bg-subtle, rgba(var(--bs-danger-rgb),0.1));
	--rz-background-warning: var(--bs-warning-bg-subtle, rgba(var(--bs-warning-rgb),0.1));
	--rz-background-info: var(--bs-info-bg-subtle, rgba(var(--bs-info-rgb),0.1));
	--rz-background-light: var(--bs-light-bg-subtle, rgba(var(--bs-light-rgb),0.1));
	--rz-background-dark: var(--bs-dark-bg-subtle, rgba(var(--bs-dark-rgb),0.1));
	/* Bordures */
	--rz-border-primary: var(--bs-primary-border-subtle, rgba(var(--bs-primary-rgb),0.2));
	--rz-border-secondary: var(--bs-secondary-border-subtle, rgba(var(--bs-secondary-rgb),0.2));
	--rz-border-success: var(--bs-success-border-subtle, rgba(var(--bs-success-rgb),0.2));
	--rz-border-danger: var(--bs-danger-border-subtle, rgba(var(--bs-danger-rgb),0.2));
	--rz-border-warning: var(--bs-warning-border-subtle, rgba(var(--bs-warning-rgb),0.2));
	--rz-border-info: var(--bs-info-border-subtle, rgba(var(--bs-info-rgb),0.2));
	--rz-border-light: var(--bs-light-border-subtle, rgba(var(--bs-light-rgb),0.2));
	--rz-border-dark: var(--bs-dark-border-subtle, rgba(var(--bs-dark-rgb),0.2));
}
