:root { --color-primary: #111111; --color-secondary: #3f3f46; --color-tertiary: #71717a; --color-white: #ffffff; --color-light: #f4f4f5; --color-grey: #d4d4d8; --color-black: #000000; --bricks-color-dia-rouge-300: #EC6054; --bricks-color-dia-rouge-200: #F08076; --bricks-color-dia-rouge-100: #F7BFBB; --bricks-color-dia-orange-300: #F9B669; --bricks-color-dia-orange-200: #FAC587; --bricks-color-dia-orange-100: #FDE2C3; --bricks-color-dia-jaune-300: #FEE76E; --bricks-color-dia-jaune-200: #FEEC8B; --bricks-color-dia-jaune-100: #FFF5C5; --bricks-color-dia-vert-300: #6FB492; --bricks-color-dia-vert-200: #8CC3A8; --bricks-color-dia-vert-100: #C5E1D3; --bricks-color-dia-bleu-fonce-300: #405F9A; --bricks-color-dia-bleu-fonce-200: #667FAE; --bricks-color-dia-bleu-fonce-100: #B3BFD7; --bricks-color-dia-bleu-clair-300: #9ED4D5; --bricks-color-dia-bleu-clair-200: #B1DDDD; --bricks-color-dia-bleu-clair-100: #D8EEEE; --bricks-color-dia-violet-300: #8473B3; --bricks-color-dia-violet-200: #9D8FC2; --bricks-color-dia-violet-100: #CEC7E1; --bricks-color-dia-noir: #000000; --bricks-color-dia-blanc: #FFFFFF; --spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; --spacing-2xl: 48px; --spacing-3xl: 64px; --spacing-4xl: 96px; --spacing-5xl: 128px;}.bg-color-primary { background-color: var(--color-primary); }.text-color-primary { color: var(--color-primary); }.border-color-primary { border-color: var(--color-primary); }.bg-color-secondary { background-color: var(--color-secondary); }.text-color-secondary { color: var(--color-secondary); }.border-color-secondary { border-color: var(--color-secondary); }.bg-color-tertiary { background-color: var(--color-tertiary); }.text-color-tertiary { color: var(--color-tertiary); }.border-color-tertiary { border-color: var(--color-tertiary); }.bg-color-white { background-color: var(--color-white); }.text-color-white { color: var(--color-white); }.bg-color-light { background-color: var(--color-light); }.border-color-light { border-color: var(--color-light); }.border-color-grey { border-color: var(--color-grey); }.bg-color-black { background-color: var(--color-black); }.text-color-black { color: var(--color-black); }.bg-bricks-color-dia-rouge-300 { background-color: var(--bricks-color-dia-rouge-300); }.text-bricks-color-dia-rouge-300 { color: var(--bricks-color-dia-rouge-300); }.border-bricks-color-dia-rouge-300 { border-color: var(--bricks-color-dia-rouge-300); }.bg-bricks-color-dia-rouge-200 { background-color: var(--bricks-color-dia-rouge-200); }.text-bricks-color-dia-rouge-200 { color: var(--bricks-color-dia-rouge-200); }.border-bricks-color-dia-rouge-200 { border-color: var(--bricks-color-dia-rouge-200); }.bg-bricks-color-dia-rouge-100 { background-color: var(--bricks-color-dia-rouge-100); }.text-bricks-color-dia-rouge-100 { color: var(--bricks-color-dia-rouge-100); }.border-bricks-color-dia-rouge-100 { border-color: var(--bricks-color-dia-rouge-100); }.bg-bricks-color-dia-orange-300 { background-color: var(--bricks-color-dia-orange-300); }.text-bricks-color-dia-orange-300 { color: var(--bricks-color-dia-orange-300); }.border-bricks-color-dia-orange-300 { border-color: var(--bricks-color-dia-orange-300); }.bg-bricks-color-dia-orange-200 { background-color: var(--bricks-color-dia-orange-200); }.text-bricks-color-dia-orange-200 { color: var(--bricks-color-dia-orange-200); }.border-bricks-color-dia-orange-200 { border-color: var(--bricks-color-dia-orange-200); }.bg-bricks-color-dia-orange-100 { background-color: var(--bricks-color-dia-orange-100); }.text-bricks-color-dia-orange-100 { color: var(--bricks-color-dia-orange-100); }.border-bricks-color-dia-orange-100 { border-color: var(--bricks-color-dia-orange-100); }.bg-bricks-color-dia-jaune-300 { background-color: var(--bricks-color-dia-jaune-300); }.text-bricks-color-dia-jaune-300 { color: var(--bricks-color-dia-jaune-300); }.border-bricks-color-dia-jaune-300 { border-color: var(--bricks-color-dia-jaune-300); }.bg-bricks-color-dia-jaune-200 { background-color: var(--bricks-color-dia-jaune-200); }.text-bricks-color-dia-jaune-200 { color: var(--bricks-color-dia-jaune-200); }.border-bricks-color-dia-jaune-200 { border-color: var(--bricks-color-dia-jaune-200); }.bg-bricks-color-dia-jaune-100 { background-color: var(--bricks-color-dia-jaune-100); }.text-bricks-color-dia-jaune-100 { color: var(--bricks-color-dia-jaune-100); }.border-bricks-color-dia-jaune-100 { border-color: var(--bricks-color-dia-jaune-100); }.bg-bricks-color-dia-vert-300 { background-color: var(--bricks-color-dia-vert-300); }.text-bricks-color-dia-vert-300 { color: var(--bricks-color-dia-vert-300); }.border-bricks-color-dia-vert-300 { border-color: var(--bricks-color-dia-vert-300); }.bg-bricks-color-dia-vert-200 { background-color: var(--bricks-color-dia-vert-200); }.text-bricks-color-dia-vert-200 { color: var(--bricks-color-dia-vert-200); }.border-bricks-color-dia-vert-200 { border-color: var(--bricks-color-dia-vert-200); }.bg-bricks-color-dia-vert-100 { background-color: var(--bricks-color-dia-vert-100); }.text-bricks-color-dia-vert-100 { color: var(--bricks-color-dia-vert-100); }.border-bricks-color-dia-vert-100 { border-color: var(--bricks-color-dia-vert-100); }.bg-bricks-color-dia-bleu-fonce-300 { background-color: var(--bricks-color-dia-bleu-fonce-300); }.text-bricks-color-dia-bleu-fonce-300 { color: var(--bricks-color-dia-bleu-fonce-300); }.border-bricks-color-dia-bleu-fonce-300 { border-color: var(--bricks-color-dia-bleu-fonce-300); }.bg-bricks-color-dia-bleu-fonce-200 { background-color: var(--bricks-color-dia-bleu-fonce-200); }.text-bricks-color-dia-bleu-fonce-200 { color: var(--bricks-color-dia-bleu-fonce-200); }.border-bricks-color-dia-bleu-fonce-200 { border-color: var(--bricks-color-dia-bleu-fonce-200); }.bg-bricks-color-dia-bleu-fonce-100 { background-color: var(--bricks-color-dia-bleu-fonce-100); }.text-bricks-color-dia-bleu-fonce-100 { color: var(--bricks-color-dia-bleu-fonce-100); }.border-bricks-color-dia-bleu-fonce-100 { border-color: var(--bricks-color-dia-bleu-fonce-100); }.bg-bricks-color-dia-bleu-clair-300 { background-color: var(--bricks-color-dia-bleu-clair-300); }.text-bricks-color-dia-bleu-clair-300 { color: var(--bricks-color-dia-bleu-clair-300); }.border-bricks-color-dia-bleu-clair-300 { border-color: var(--bricks-color-dia-bleu-clair-300); }.bg-bricks-color-dia-bleu-clair-200 { background-color: var(--bricks-color-dia-bleu-clair-200); }.text-bricks-color-dia-bleu-clair-200 { color: var(--bricks-color-dia-bleu-clair-200); }.border-bricks-color-dia-bleu-clair-200 { border-color: var(--bricks-color-dia-bleu-clair-200); }.bg-bricks-color-dia-bleu-clair-100 { background-color: var(--bricks-color-dia-bleu-clair-100); }.text-bricks-color-dia-bleu-clair-100 { color: var(--bricks-color-dia-bleu-clair-100); }.border-bricks-color-dia-bleu-clair-100 { border-color: var(--bricks-color-dia-bleu-clair-100); }.bg-bricks-color-dia-violet-300 { background-color: var(--bricks-color-dia-violet-300); }.text-bricks-color-dia-violet-300 { color: var(--bricks-color-dia-violet-300); }.border-bricks-color-dia-violet-300 { border-color: var(--bricks-color-dia-violet-300); }.bg-bricks-color-dia-violet-200 { background-color: var(--bricks-color-dia-violet-200); }.text-bricks-color-dia-violet-200 { color: var(--bricks-color-dia-violet-200); }.border-bricks-color-dia-violet-200 { border-color: var(--bricks-color-dia-violet-200); }.bg-bricks-color-dia-violet-100 { background-color: var(--bricks-color-dia-violet-100); }.text-bricks-color-dia-violet-100 { color: var(--bricks-color-dia-violet-100); }.border-bricks-color-dia-violet-100 { border-color: var(--bricks-color-dia-violet-100); }.bg-bricks-color-dia-noir { background-color: var(--bricks-color-dia-noir); }.text-bricks-color-dia-noir { color: var(--bricks-color-dia-noir); }.border-bricks-color-dia-noir { border-color: var(--bricks-color-dia-noir); }.bg-bricks-color-dia-blanc { background-color: var(--bricks-color-dia-blanc); }.text-bricks-color-dia-blanc { color: var(--bricks-color-dia-blanc); }.border-bricks-color-dia-blanc { border-color: var(--bricks-color-dia-blanc); }