/**
 * Thème marque La French Renov'.
 */

:root {
  --primary: 246, 51%, 16%;
  --primary-foreground: 0, 0%, 100%;
  
  --secondary: 246, 51%, 16%;
  --secondary-foreground: 0, 0%, 100%;

  --background-sidebar: hsl(var(--primary));
  --background-gradient: linear-gradient(
    165deg,
    rgb(243, 172, 66),
    rgb(228, 107, 76),
    rgb(182, 23, 162),
    rgb(78, 23, 135),
    rgb(27, 18, 86)
  );
  --border-gradient: rgb(182, 23, 162);

  --bg-sidebar: #dee2e6;
  --text-sidebar-ghost: hsl(var(--primary-foreground));
  --text-sidebar-foreground: #000;  
  --bg-sidebar-hover: #dee2e6;
  --text-sidebar-foreground-hover: #000;

  --bg-sidebar-feature: var(--background-gradient);
  --text-sidebar-feature-foreground: hsl(var(--primary-foreground));
  --bg-sidebar-feature-hover: var(--background-gradient);
  --text-sidebar-feature-foreground-hover: hsl(var(--primary-foreground));

  --wc-toggle-container-background-toggled-disabled: gray;
}