:root{--primary: #3B5999;--secondary: #6c757d;--accent: #ab5c03;--background-color-primary: #F8F9FA;--background-color-secondary: #FFF;--background-color-accent: #E9ECEF;--color-primary: #333333;--color-secondary: #595959;--color-accent: #FFF;--info: #f8f9fa;--succes: #198754;--warning: #ffc107;--erreur: #dc3545}body.dark-theme{--background-color-primary: #181A1B;--background-color-secondary: #1E1E1E;--background-color-accent: #343434;--color-primary: #E0E0E0;--color-secondary: #a9a9a9;--color-accent: #FFF}.headline{font-size:var(--font-size-headline);color:var(--color-primary);fill:var(--color-primary);font-weight:900}.title{font-size:var(--font-size-title);color:var(--color-primary);fill:var(--color-primary);font-weight:600}.subtitle{font-size:var(--font-size-subtitle);color:var(--color-secondary);fill:var(--color-secondary);font-weight:350}.paragraph{font-size:var(--font-size-paragraph);color:var(--color-primary);fill:var(--color-primary);font-weight:300}.label{font-size:var(--font-size-label);font-weight:300}.icon{width:var(--size-icon);height:var(--size-icon);fill:var(--color-primary);pointer-events:none}:root{--font-family: Roboto, system-ui;--font-size-headline: 18px;--font-size-title: 16px;--font-size-subtitle: 14px;--font-size-paragraph: 12px;--font-size-label: 10px;--size-icon: 18px;--border-radius: 10px;--box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2)}.shadow{box-shadow:var(--box-shadow)}.container{width:100%;margin:0 auto}@media (max-width: 575.99px){.container{max-width:100%;width:100%;margin-left:auto;margin-right:auto}}@media (min-width: 576px){.container{max-width:540px;flex:0 0 auto;width:91.666667%;margin-left:auto;margin-right:auto}}@media (min-width: 768px){.container{max-width:540px;width:66.666667%;margin-left:auto;margin-right:auto}}@media (min-width: 992px){.container{max-width:960px;width:50%;margin-left:auto;margin-right:auto}}@media (min-width: 1200px){.container{max-width:1140px}}header{height:60px;background-color:var(--background-color-secondary);box-shadow:var(--box-shadow)}nav{width:250px;background-color:var(--background-color-accent);height:100vh}main{padding:2rem;flex-grow:1}footer{height:50px;text-align:center;font-size:var(--font-size-label);padding:1rem}