/* ===================================================================== Qeewee — habillage (build-free, surcharge des composants Filament). Étape 1 : arrondis + ombres douces. Étape 2 : classes qw-* pour les pages custom. Étape 3 : fond teinté + cartes détachées + underline. Étape 4 (2026-06-28) : MODE SOMBRE via variables sémantiques. Principe du mode sombre : toutes les couleurs « de surface » passent par des variables (--qw-*) qui s'inversent sous .dark (classe posée par Filament sur ). Les styles inline des pages custom utilisent ces mêmes var(), donc ils basculent aussi (l'inline ne peut pas être surchargé par .dark, mais var() résout la bonne valeur selon le thème). ===================================================================== */ :root { --qw-radius-lg: 1rem; --qw-radius-md: 0.75rem; /* Surfaces / texte / bordures — basculent en sombre (voir .dark) */ --qw-page: #f5f4ff; /* fond de page (lavande très clair) */ --qw-surface: #ffffff; /* cartes, sidebar, widgets */ --qw-surface-2: #f9fafb; /* fonds secondaires (en-têtes table…) */ --qw-surface-3: #f3f4f6; /* puces / badges neutres */ --qw-text: #1f2433; /* texte principal */ --qw-heading: #1f2433; /* titres */ --qw-muted: #6b7280; /* texte secondaire */ --qw-faint: #9ca3af; /* texte très discret */ --qw-line: #e5e7eb; /* bordures */ --qw-line-soft: #f3f4f6; /* bordures discrètes (lignes de tableau) */ --qw-card-border: transparent; /* bord de carte (visible en sombre) */ --qw-label: #6366f1; /* libellés de formulaire (indigo) */ --qw-input-line: #ddd9f5; /* trait sous les inputs */ --qw-accent-bg: #eef2ff; /* puce accent indigo (fond) */ --qw-accent-fg: #4338ca; /* puce accent indigo (texte) */ --qw-row-today: #fffbeb; /* surlignage ligne « aujourd'hui » */ /* Ombres */ --qw-shadow: 0 6px 20px rgba(35, 40, 100, 0.07); --qw-shadow-soft: 0 2px 8px rgba(35, 40, 100, 0.06); --qw-shadow-deep: 0 4px 6px rgba(79, 70, 229, 0.04), 0 12px 28px rgba(79, 70, 229, 0.10), 0 2px 4px rgba(0, 0, 0, 0.04); /* Couleurs de marque (constantes, ne basculent pas) */ --qw-primary: #4f46e5; --qw-primary-d: #4338ca; --qw-danger: #e11d48; --qw-ink: #1f2433; } /* ── Palette sombre : Filament pose .dark sur ── */ .dark { --qw-page: #0d1017; --qw-surface: #1b2030; --qw-surface-2: #151a27; --qw-surface-3: #232838; --qw-text: #e8eaf0; --qw-heading: #f1f3f8; --qw-muted: #9aa3b5; --qw-faint: #6b7280; --qw-line: #2c3343; --qw-line-soft: #222838; --qw-card-border: #2c3343; --qw-label: #a5b4fc; /* indigo-300, lisible sur sombre */ --qw-input-line: #3a4055; --qw-accent-bg: rgba(99, 102, 241, 0.16); --qw-accent-fg: #a5b4fc; --qw-row-today: rgba(245, 200, 66, 0.13); --qw-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); --qw-shadow-soft: 0 1px 4px rgba(0, 0, 0, 0.4); --qw-shadow-deep: 0 8px 24px rgba(0, 0, 0, 0.5); } /* Sections / cartes : arrondis + ombre douce */ .fi-section { border-radius: var(--qw-radius-lg) !important; box-shadow: var(--qw-shadow) !important; } /* Tableaux : conteneur arrondi + ombre */ .fi-ta-ctn { border-radius: var(--qw-radius-lg) !important; box-shadow: var(--qw-shadow) !important; overflow: hidden; } /* Boutons : plus arrondis */ .fi-btn { border-radius: var(--qw-radius-md) !important; } /* Champs de formulaire : arrondis + légère ombre (effet surélevé) */ .fi-input-wrp, .fi-fo-field-wrp .fi-input, .fi-select-input { border-radius: var(--qw-radius-md) !important; box-shadow: var(--qw-shadow-soft); } /* Filet pour TOUT . Filament pose le chevron des