/* ====================================================
   VARIABLES CSS — Cabinet Maître LEMKHAIRI Samira
   Avocate au Barreau de Paris — lemkhairi-avocat.com
   Palette : Bleu marine + Cuivre + Ivoire
   JAMAIS de couleur hardcodée dans les composants
   ==================================================== */

:root {
  /* ===== BACKGROUNDS — Site lumineux (80% blanc, 20% sombre) ===== */
  --color-bg-main: #FAFAF8;          /* Blanc ivoire — fond principal */
  --color-bg-secondary: #FFFFFF;     /* Blanc pur — sections alternées */
  --color-bg-section: #F3F1ED;       /* Ivoire doux — sections alternées 2 */
  --color-bg-dark: #0F1923;          /* Bleu nuit — hero + CTA fort (max 2 sections) */

  /* ===== TEXT ===== */
  --color-text-primary: #1C1C1E;     /* Quasi-noir — texte principal */
  --color-text-secondary: #4A4A52;   /* Anthracite — texte secondaire */
  --color-text-muted: #8A8A95;       /* Gris doux — annotations, dates */
  --color-text-on-dark: #F5F3EF;     /* Blanc ivoire sur fonds sombres */

  /* ===== ACCENTS — Identité Lemkhairi ===== */
  --color-accent-primary: #1B3A5C;   /* Bleu marine profond — CTA, titres forts, liens */
  --color-accent-warm: #C4956A;      /* Cuivre chaud — séparateurs, icônes, hover */
  --color-accent-warm-dark: #9E7550; /* Cuivre foncé — hover actif */
  --color-accent-light: #E8E0D5;     /* Sable clair — badges, tags */

  /* ===== BORDERS ===== */
  --color-border-soft: #E5E1DB;      /* Séparateurs discrets */
  --color-border-medium: #C8C0B5;    /* Bordures visibles */

  /* ===== TYPOGRAPHY ===== */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  /* Cormorant = élégance académique française — thèses de droit, traités juridiques */
  --font-sans: 'DM Sans', system-ui, sans-serif;
  /* DM Sans = moderne, lisible, sobre */

  /* ===== SPACING ===== */
  --section-padding-desktop: 7rem;
  --section-padding-tablet: 5rem;
  --section-padding-mobile: 3.5rem;

  /* ===== CONTAINERS ===== */
  --container-max-width: 1340px;
  --container-narrow: 860px;

  /* ===== TRANSITIONS ===== */
  --transition-base: 0.25s ease;
  --transition-slow: 0.6s ease;

  /* ===== SHADOWS ===== */
  --shadow-card: 0 2px 20px rgba(27, 58, 92, 0.07);
  --shadow-card-hover: 0 8px 40px rgba(27, 58, 92, 0.13);

  /* ===== MISC ===== */
  --radius-sm: 2px;
  --radius-md: 4px;
}