/* theme.css — guides
   Feuille propre à cet outil : composants et couleurs FONCTIONNELLES seulement.
   L'identité de marque (couleurs, dégradés, mode sombre) vient de
   /sites/viepriveemondroit.com/theme.css, chargé avant cette feuille.
   Ne pas redéfinir ici --site-primary*, --bg-*, --text-* ni --border-* :
   voir docs/DESIGN_SYSTEM.md.
*/

/* sites/viepriveemondroit.com/en/guides/theme.css
   Site-specific theme: Privacy My Right
   Theme: Privacy (Indigo/Purple) - Confidentiality and protection
*/

:root {
  /* Status colors */
  --site-safe: #22c55e;          /* Green for safe/verified */

  /* Legacy support */
  --primary: var(--site-primary);

  /* Header height for fixed positioning
     Calculated as: 1rem padding-top + 1rem padding-bottom + ~38px content height ≈ 70px
     Used to add body padding to prevent content from being hidden under fixed header */
}

html[data-theme="light"] {
  color-scheme: light;

}

html.dark .footer,
html.dark-mode .footer,
html[data-theme="dark"] .footer {
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
}

/* Hero section with privacy theme */
.hero--privacy,
.hero-standard[data-theme="privacy"] {
  background: linear-gradient(135deg, var(--site-primary) 0%, var(--site-accent) 100%);
  color: var(--text-inverse);
}

/* Feature cards with privacy theme accent */
.feature-card--privacy {
  border-left: 4px solid var(--site-primary);
  transition: all 0.3s ease;
}

.feature-card--privacy:hover {
  box-shadow: 0 8px 24px rgba(3, 105, 161, 0.2);
  transform: translateY(-2px);
}

/* TV / Large screens (≥1920px) */
@media (min-width: 1920px) {
.hero--privacy,
  .hero-standard[data-theme="privacy"] {
    padding: 6rem 2rem;
  }

.feature-card--privacy {
    padding: 2.5rem;
  }

}