.rv-preparation-wrap,
#rvf3,
.feedback-wrap {
--text-white: var(--rv-text-primary, #ffffff);
--text-light: var(--rv-text-secondary, #e5e5e5);
--text-medium: var(--rv-text-muted, #808080);
--text-muted: var(--rv-text-dim, #64748b);
--bg-card: var(--rv-card-bg, rgba(255, 255, 255, 0.05));
--bg-card-hover: var(--rv-card-hover, rgba(255, 255, 255, 0.08));
--bg-input: var(--rv-input-bg, rgba(255, 255, 255, 0.08));
--bg-input-focus: var(--rv-input-focus, rgba(255, 255, 255, 0.12));
--border-subtle: var(--rv-border-light, rgba(255, 255, 255, 0.1));
--border-medium: var(--rv-border, rgba(255, 255, 255, 0.15));
--border-accent: var(--rv-border-accent, rgba(255, 255, 255, 0.25));
--accent: var(--rv-primary, #10b981);
--accent-light: var(--rv-primary-light, #34d399);
--accent-glow: var(--rv-primary-glow, rgba(16, 185, 129, 0.3));
--blue: var(--rv-secondary, #3b82f6);
--blue-light: var(--rv-secondary-light, #60a5fa);
--blue-glow: var(--rv-secondary-glow, rgba(59, 130, 246, 0.25));
--cible-a: var(--rv-cible-a, #f59e0b);
--cible-a-bg: var(--rv-cible-a-bg, rgba(245, 158, 11, 0.15));
--cible-b: var(--rv-cible-b, #10b981);
--cible-b-bg: var(--rv-cible-b-bg, rgba(16, 185, 129, 0.15));
--success: var(--rv-success, #10b981);
--warning: var(--rv-warning, #f59e0b);
--error: var(--rv-error, #ef4444);
}
.rv-preparation-wrap,
.rv-preparation-wrap *,
#rvf3,
#rvf3 *,
.feedback-wrap,
.feedback-wrap * {
color: var(--text-light);
}
.screen-title,
h1, h2, h3, h4,
.section-header,
#rvf3 .section-header,
#rvf3 h3,
#rvf3 h4 {
color: var(--text-white) !important;
}
.screen-subtitle,
p,
.info-text,
small {
color: var(--text-medium) !important;
}
label,
.form-label,
#rvf3 .form-label,
#rvf3 .descripteur-label {
color: var(--text-white) !important;
}
.rv-prep-screen {
background: var(--bg-card) !important;
border: 1px solid var(--border-subtle) !important;
backdrop-filter: blur(10px);
}
#rvf3 .session-info {
background: var(--bg-card) !important;
border: 1px solid var(--border-subtle) !important;
border-left: 3px solid var(--accent) !important;
}
#rvf3 .descripteur-card {
background: var(--bg-card) !important;
border: 1px solid var(--border-subtle) !important;
}
#rvf3 .descripteur-card:hover {
background: var(--bg-card-hover) !important;
border-color: var(--border-medium) !important;
}
#rvf3 .protocole-group {
background: var(--bg-card) !important;
border: 1px solid var(--border-subtle) !important;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="datetime-local"],
input[type="date"],
input[type="time"],
textarea,
select,
#rvf3 .form-input,
#rvf3 .form-textarea,
#rvf3 .descripteur-notes-input,
#rvf3 .protocole-autre-input {
background: var(--bg-input) !important;
border: 1px solid var(--border-medium) !important;
color: var(--text-white) !important;
caret-color: var(--text-white) !important;
}
input:focus,
textarea:focus,
select:focus,
#rvf3 .form-input:focus,
#rvf3 .form-textarea:focus {
background: var(--bg-input-focus) !important;
border-color: var(--accent) !important;
outline: none !important;
box-shadow: 0 0 0 2px var(--accent-glow) !important;
}
input::placeholder,
textarea::placeholder {
color: var(--text-muted) !important;
opacity: 1 !important;
}
input:disabled,
textarea:disabled {
color: var(--text-muted) !important;
opacity: 0.7 !important;
}
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
filter: invert(1);
}
.prep-btn-primary,
#rvf3 .form-button-primary {
background: var(--accent) !important;
color: #000000 !important;
border: none !important;
font-weight: 600 !important;
}
.prep-btn-primary:hover,
#rvf3 .form-button-primary:hover {
background: var(--accent-light) !important;
box-shadow: 0 4px 20px var(--accent-glow) !important;
}
.prep-btn-secondary,
#rvf3 .form-button-secondary {
background: transparent !important;
border: 1px solid var(--border-medium) !important;
color: var(--text-light) !important;
}
.prep-btn-secondary:hover,
#rvf3 .form-button-secondary:hover {
background: var(--bg-card-hover) !important;
border-color: var(--border-accent) !important;
color: var(--text-white) !important;
}
#rvf3 .quick-btn {
background: var(--bg-card) !important;
border: 1px solid var(--border-subtle) !important;
color: var(--text-medium) !important;
}
#rvf3 .quick-btn:hover {
background: var(--bg-card-hover) !important;
border-color: var(--accent) !important;
color: var(--accent) !important;
}
#rvf3 .slider-input {
background: linear-gradient(to right, var(--border-subtle) 0%, var(--accent) 100%) !important;
}
#rvf3 .slider-input::-webkit-slider-thumb {
background: var(--accent) !important;
box-shadow: 0 0 10px var(--accent-glow) !important;
}
#rvf3 .slider-input::-moz-range-thumb {
background: var(--accent) !important;
}
#rvf3 .percentage-display {
color: var(--accent-light) !important;
}
#rvf3 .slider-labels {
color: var(--text-muted) !important;
}
.slider-input {
background: var(--border-subtle) !important;
}
.slider-input::-webkit-slider-thumb {
background: var(--accent) !important;
}
.slider-value {
color: var(--accent-light) !important;
}
input[type="checkbox"],
input[type="radio"] {
accent-color: var(--accent) !important;
}
#rvf3 .radio-item {
background: var(--bg-card) !important;
border: 1px solid var(--border-subtle) !important;
}
#rvf3 .radio-item:hover {
background: var(--bg-card-hover) !important;
border-color: var(--border-medium) !important;
}
#rvf3 .radio-item:has(input:checked) {
border-color: var(--accent) !important;
background: var(--rv-primary-glow, rgba(16, 185, 129, 0.1)) !important;
}
#rvf3 .radio-item:has(input:checked) label {
color: var(--accent-light) !important;
}
#rvf3 .radio-item label {
color: var(--text-light) !important;
}
.checklist-item {
background: var(--bg-card) !important;
border: 1px solid var(--border-subtle) !important;
}
.checklist-item label {
color: var(--text-light) !important;
}
.checklist-item:has(input:checked) {
border-color: var(--accent) !important;
background: var(--rv-primary-glow, rgba(16, 185, 129, 0.1)) !important;
}
#cible-a-label,
#choice_label_a,
[style*="CIBLE A"] {
color: var(--cible-a) !important;
}
#cible-b-label,
#choice_label_b,
[style*="CIBLE B"] {
color: var(--cible-b) !important;
}
.mental-score-display,
.score-circle {
background: var(--bg-card) !important;
border: 2px solid var(--accent) !important;
}
.mental-score-value,
.score-value,
#final-score,
#mental-score,
#total-points {
color: var(--accent-light) !important;
}
.breakdown-value {
color: var(--accent-light) !important;
}
.breakdown-label {
color: var(--text-light) !important;
}
.breakdown-sub {
color: var(--text-muted) !important;
}
.score-circle.score-high {
border-color: var(--success) !important;
}
.score-circle.score-high .score-value {
color: var(--success) !important;
}
.score-circle.score-medium {
border-color: var(--warning) !important;
}
.score-circle.score-medium .score-value {
color: var(--warning) !important;
}
.score-circle.score-low {
border-color: var(--error) !important;
}
.score-circle.score-low .score-value {
color: var(--error) !important;
}
#coordinate-value,
#solo-coordinate {
color: var(--accent-light) !important;
background: var(--bg-card) !important;
border: 2px solid var(--accent) !important;
box-shadow: 0 0 20px var(--accent-glow) !important;
}
#progressBar {
background: linear-gradient(90deg, var(--accent) 0%, var(--accent-light) 100%) !important;
}
.progress-track {
background: var(--border-subtle) !important;
}
#breathing-circle {
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%) !important;
box-shadow: 0 4px 30px var(--accent-glow) !important;
}
#breathing-instruction,
#breathing-phase {
color: var(--text-white) !important;
}
#phase-countdown,
#breathing-timer {
color: var(--text-medium) !important;
}
.exercise-card {
background: var(--bg-card) !important;
border: 1px solid var(--border-subtle) !important;
}
.exercise-card:hover {
background: var(--bg-card-hover) !important;
border-color: var(--accent) !important;
}
.exercise-name {
color: var(--text-white) !important;
}
.exercise-desc {
color: var(--text-muted) !important;
}
.rv-recommendation {
background: var(--bg-card) !important;
border-left: 3px solid var(--accent) !important;
}
.rv-recommendation p {
color: var(--text-light) !important;
}
.rv-recommendation.warning {
border-left-color: var(--warning) !important;
}
.rv-recommendation.error {
border-left-color: var(--error) !important;
}
.photo-upload-item,
.photo-preview {
background: var(--bg-card) !important;
border: 1px dashed var(--border-medium) !important;
}
.photo-upload-item:hover {
border-color: var(--accent) !important;
background: var(--bg-card-hover) !important;
}
.photo-label {
color: var(--text-white) !important;
}
.photo-preview.has-image {
border: 2px solid var(--success) !important;
border-style: solid !important;
}
.rv-toast {
background: rgba(0, 0, 0, 0.9) !important;
border: 1px solid var(--border-medium) !important;
color: var(--text-white) !important;
}
#meditation-timer-display {
color: var(--accent-light) !important;
}
#meditation-minutes,
#meditation-seconds {
color: var(--accent-light) !important;
}
.rv-preparation-wrap a,
#rvf3 a,
.feedback-wrap a {
color: var(--blue-light);
}
.rv-preparation-wrap a:hover,
#rvf3 a:hover,
.feedback-wrap a:hover {
color: var(--blue);
}
.rv-preparation-wrap [style*="color: #374151"],
.rv-preparation-wrap [style*="color: #111827"],
.rv-preparation-wrap [style*="color: #1f2937"],
#rvf3 [style*="color: #374151"],
#rvf3 [style*="color: #111827"],
#rvf3 [style*="color: #1f2937"],
.feedback-wrap [style*="color: #374151"],
.feedback-wrap [style*="color: #111827"],
.feedback-wrap [style*="color: #1f2937"] {
color: var(--text-light) !important;
}
.rv-preparation-wrap [style*="color: #6b7280"],
.rv-preparation-wrap [style*="color: #9ca3af"],
.rv-preparation-wrap [style*="color: #4b5563"],
#rvf3 [style*="color: #6b7280"],
#rvf3 [style*="color: #9ca3af"],
#rvf3 [style*="color: #4b5563"],
.feedback-wrap [style*="color: #6b7280"],
.feedback-wrap [style*="color: #9ca3af"],
.feedback-wrap [style*="color: #4b5563"] {
color: var(--text-medium) !important;
}
.rv-preparation-wrap [style*="background: #fff"],
.rv-preparation-wrap [style*="background: white"],
.rv-preparation-wrap [style*="background: #f9fafb"],
.rv-preparation-wrap [style*="background: #f3f4f6"],
#rvf3 [style*="background: #fff"],
#rvf3 [style*="background: white"],
#rvf3 [style*="background: #f9fafb"],
#rvf3 [style*="background: #f3f4f6"],
.feedback-wrap [style*="background: #fff"],
.feedback-wrap [style*="background: white"],
.feedback-wrap [style*="background: #f9fafb"],
.feedback-wrap [style*="background: #f3f4f6"] {
background: var(--bg-card) !important;
}
.rv-preparation-wrap [style*="linear-gradient(135deg, #667eea"],
.rv-preparation-wrap [style*="linear-gradient(135deg, #764ba2"],
.rv-preparation-wrap [style*="linear-gradient(135deg, #8b5cf6"],
.rv-preparation-wrap [style*="linear-gradient(135deg, #fef3c7"],
.rv-preparation-wrap [style*="linear-gradient(135deg, #fde68a"],
.rv-preparation-wrap [style*="linear-gradient(135deg, #d1fae5"],
.rv-preparation-wrap [style*="linear-gradient(135deg, #a7f3d0"],
#rvf3 [style*="linear-gradient(135deg, #667eea"],
#rvf3 [style*="linear-gradient(135deg, #764ba2"],
#rvf3 [style*="linear-gradient(135deg, #8b5cf6"],
#rvf3 [style*="linear-gradient(135deg, #fef3c7"],
#rvf3 [style*="linear-gradient(135deg, #fde68a"],
#rvf3 [style*="linear-gradient(135deg, #d1fae5"],
#rvf3 [style*="linear-gradient(135deg, #a7f3d0"] {
background: var(--bg-card) !important;
}
.rv-preparation-wrap [style*="background: #1e293b"],
#rvf3 [style*="background: #1e293b"],
.feedback-wrap [style*="background: #1e293b"] {
background: var(--bg-card) !important;
}
.rv-preparation-wrap::-webkit-scrollbar,
#rvf3::-webkit-scrollbar,
.feedback-wrap::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.rv-preparation-wrap::-webkit-scrollbar-track,
#rvf3::-webkit-scrollbar-track,
.feedback-wrap::-webkit-scrollbar-track {
background: transparent;
}
.rv-preparation-wrap::-webkit-scrollbar-thumb,
#rvf3::-webkit-scrollbar-thumb,
.feedback-wrap::-webkit-scrollbar-thumb {
background: var(--border-medium);
border-radius: 4px;
}
.rv-preparation-wrap::-webkit-scrollbar-thumb:hover,
#rvf3::-webkit-scrollbar-thumb:hover,
.feedback-wrap::-webkit-scrollbar-thumb:hover {
background: var(--border-accent);
}
.rv-preparation-wrap ::selection,
#rvf3 ::selection,
.feedback-wrap ::selection {
background: var(--accent);
color: #000000;
}
.score-breakdown > div {
background: var(--bg-card) !important;
border: 1px solid var(--border-subtle) !important;
}
[style*="background: #fef3c7"],
[style*="background: #fffbeb"] {
background: rgba(245, 158, 11, 0.1) !important;
border-color: var(--warning) !important;
}
[style*="color: #92400e"],
[style*="color: #78350f"] {
color: var(--cible-a) !important;
}
#breathing-status,
#meditation-status {
color: var(--text-muted) !important;
}
.meta-label {
color: var(--text-muted) !important;
}
.meta-value {
color: var(--text-white) !important;
}
.score-max {
color: var(--text-muted) !important;
}
[style*="border-left: 3px solid #0ea5e9"] {
border-left-color: var(--blue) !important;
}
#rvf3 .descripteur-notes {
border-top-color: var(--border-subtle) !important;
}