/* Silex Roadmap : tokens light, calés sur le SaaS Le Silex (violet, lavande, Inter). */
:root {
  --bg: #f6f7fb;
  --surface: #ffffff;
  --surface-2: #f3f2fb;
  --surface-3: #eceaf9;
  --border: #e5e7f0;
  --border-2: #d3d6e3;
  --text: #1c2140;
  --text-2: #5b6178;
  --text-3: #8a90a6;
  --text-inv: #ffffff;

  --primary: #6c5ce7;
  --primary-2: #5a4bd6;
  --primary-3: #ecebfb;
  --primary-4: #4b3fc4;

  --success: #16a34a;  --success-bg: #e8f7ee;
  --warning: #f59e0b;  --warning-bg: #fef3e2;
  --danger: #ef4444;   --danger-bg: #fdecec;
  --info: #3b82f6;     --info-bg: #e8f0fe;

  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fs-xs: 11px; --fs-sm: 12px; --fs-base: 13px; --fs-md: 14px; --fs-lg: 16px; --fs-xl: 18px; --fs-2xl: 22px; --fs-3xl: 28px;

  --r-1: 6px; --r-2: 8px; --r-3: 12px; --r-full: 999px;
  --shadow-1: 0 1px 2px rgba(28, 33, 64, 0.06);
  --shadow-2: 0 6px 20px rgba(28, 33, 64, 0.08);
  --shadow-3: 0 16px 40px rgba(28, 33, 64, 0.14);
  --t-fast: 0.12s ease; --t-base: 0.18s ease;

  --sidebar-w: 240px;
  --grid-left-w: 620px;
  --month-w: 84px;
  --month-w-compact: 56px;
  --row-h: 40px;
  --row-h-compact: 32px;

  /* Palette de phases et de groupes : pleine, texte foncé, teintes 12 / 24 / 40 / 60 % */
  --c-violet: #6c5ce7; --c-violet-text: #3d33a8; --c-violet-1: rgba(108, 92, 231, 0.12); --c-violet-2: rgba(108, 92, 231, 0.24); --c-violet-3: rgba(108, 92, 231, 0.40); --c-violet-4: rgba(108, 92, 231, 0.60);
  --c-teal: #14b8a6;   --c-teal-text: #0f766e;   --c-teal-1: rgba(20, 184, 166, 0.12);  --c-teal-2: rgba(20, 184, 166, 0.24);  --c-teal-3: rgba(20, 184, 166, 0.40);  --c-teal-4: rgba(20, 184, 166, 0.60);
  --c-amber: #f59e0b;  --c-amber-text: #92400e;  --c-amber-1: rgba(245, 158, 11, 0.12);  --c-amber-2: rgba(245, 158, 11, 0.24);  --c-amber-3: rgba(245, 158, 11, 0.40);  --c-amber-4: rgba(245, 158, 11, 0.60);
  --c-rose: #ec4899;   --c-rose-text: #9d174d;   --c-rose-1: rgba(236, 72, 153, 0.12);   --c-rose-2: rgba(236, 72, 153, 0.24);   --c-rose-3: rgba(236, 72, 153, 0.40);   --c-rose-4: rgba(236, 72, 153, 0.60);
  --c-blue: #3b82f6;   --c-blue-text: #1e40af;   --c-blue-1: rgba(59, 130, 246, 0.12);   --c-blue-2: rgba(59, 130, 246, 0.24);   --c-blue-3: rgba(59, 130, 246, 0.40);   --c-blue-4: rgba(59, 130, 246, 0.60);
  --c-green: #22c55e;  --c-green-text: #166534;  --c-green-1: rgba(34, 197, 94, 0.12);   --c-green-2: rgba(34, 197, 94, 0.24);   --c-green-3: rgba(34, 197, 94, 0.40);   --c-green-4: rgba(34, 197, 94, 0.60);
  --c-orange: #f97316; --c-orange-text: #9a3412; --c-orange-1: rgba(249, 115, 22, 0.12);  --c-orange-2: rgba(249, 115, 22, 0.24);  --c-orange-3: rgba(249, 115, 22, 0.40);  --c-orange-4: rgba(249, 115, 22, 0.60);
  --c-slate: #64748b;  --c-slate-text: #334155;  --c-slate-1: rgba(100, 116, 139, 0.12); --c-slate-2: rgba(100, 116, 139, 0.24); --c-slate-3: rgba(100, 116, 139, 0.40); --c-slate-4: rgba(100, 116, 139, 0.60);
}

/* Attribut data-couleur : expose la couleur courante en variables locales */
[data-couleur="violet"] { --cc: var(--c-violet); --cc-text: var(--c-violet-text); --cc-1: var(--c-violet-1); --cc-2: var(--c-violet-2); --cc-3: var(--c-violet-3); --cc-4: var(--c-violet-4); }
[data-couleur="teal"]   { --cc: var(--c-teal);   --cc-text: var(--c-teal-text);   --cc-1: var(--c-teal-1);   --cc-2: var(--c-teal-2);   --cc-3: var(--c-teal-3);   --cc-4: var(--c-teal-4); }
[data-couleur="amber"]  { --cc: var(--c-amber);  --cc-text: var(--c-amber-text);  --cc-1: var(--c-amber-1);  --cc-2: var(--c-amber-2);  --cc-3: var(--c-amber-3);  --cc-4: var(--c-amber-4); }
[data-couleur="rose"]   { --cc: var(--c-rose);   --cc-text: var(--c-rose-text);   --cc-1: var(--c-rose-1);   --cc-2: var(--c-rose-2);   --cc-3: var(--c-rose-3);   --cc-4: var(--c-rose-4); }
[data-couleur="blue"]   { --cc: var(--c-blue);   --cc-text: var(--c-blue-text);   --cc-1: var(--c-blue-1);   --cc-2: var(--c-blue-2);   --cc-3: var(--c-blue-3);   --cc-4: var(--c-blue-4); }
[data-couleur="green"]  { --cc: var(--c-green);  --cc-text: var(--c-green-text);  --cc-1: var(--c-green-1);  --cc-2: var(--c-green-2);  --cc-3: var(--c-green-3);  --cc-4: var(--c-green-4); }
[data-couleur="orange"] { --cc: var(--c-orange); --cc-text: var(--c-orange-text); --cc-1: var(--c-orange-1); --cc-2: var(--c-orange-2); --cc-3: var(--c-orange-3); --cc-4: var(--c-orange-4); }
[data-couleur="slate"]  { --cc: var(--c-slate);  --cc-text: var(--c-slate-text);  --cc-1: var(--c-slate-1);  --cc-2: var(--c-slate-2);  --cc-3: var(--c-slate-3);  --cc-4: var(--c-slate-4); }

@keyframes ss-fade-up { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes ss-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes ss-slide-in-right { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes ss-pop { 0% { transform: scale(0.96); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }