// Variables de couleurs
$color-text: #000;
$color-background: #fff;
$color-heading: #333;
$color-heading-h1: #221d30;
$color-link: rgb(0, 123, 255);
$color-footer-bg: #282828;
$color-footer-text: #dedede;
$color-page-bg: #f4f4f4;
$color-border: #dedede;
$color-blockquote-border: grey;
$color-link-hover-bg: #303030;

// Variables de taille
$article-width: 75ch;
$container-max-width: 70ch;
$font-size-base: 1rem;
$font-size-body: 1.5rem;
$font-size-content: 1.2rem;
$font-size-h1: 2.5rem;
$font-size-h2: 2rem;
$font-size-h3: 1.5rem;
$line-height-base: 1.5em;
$line-height-heading: 1.3em;

// Variables d'espacement
$spacing-xs: 0.5rem;
$spacing-sm: 1rem;
$spacing-md: 1.5rem;
$spacing-lg: 2rem;
$spacing-xl: 5rem;
$padding-container: 5% 6%;
$border-radius-sm: 0.5rem;
$border-radius-md: 1rem;

// Variables de police
$font-family-base: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
$font-family-heading: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;

// Variables de transition
$transition-hover: 0.25s all ease-in;
$transition-out: 0.25s box-shadow ease-out;