/**
 * Variables CSS pour le thème Contre la traite
 * Drupal 11 - Bonnes pratiques
 */

:root {
  /* Palette de couleurs principale */
  --color-red: #bd1220;
  --color-dark-red: #8b1419;
  --color-darker-red: #621616;
  
  /* Couleurs système */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-text: #000000;
  
  /* Typographie */
  --font-family-primary: 'Roboto', Arial, sans-serif;
  --font-family-regular: 'robotoregular', Arial, sans-serif;
  --font-family-bold: 'robotobold', Arial, sans-serif;
  --font-size-base: 16px;
  --font-size-small: 12px;
  --font-size-large: 28px;
  --line-height-base: 1.5;
  --line-height-small: 1.3125; /* 21px / 16px */
  
  /* Layout */
  --layout-container-min-width: 1020px;
  --sidebar-width: 300px;
  --sidebar-padding-left: 50px;
  --content-padding: 20px 40px;
  --menu-burger-breakpoint: 1024px;
  
  /* Espacements */
  --spacing-xs: 5px;
  --spacing-sm: 10px;
  --spacing-md: 15px;
  --spacing-lg: 20px;
  --spacing-xl: 30px;
  --spacing-xxl: 40px;
  
  /* Z-index */
  --z-index-sidebar-bg: -1;
  --z-index-overlay: 10;
}