:root {
    /* Colors : used as text or Backgrounds */
    --ls-cl-orange: #FBB217;
    --ls-cl-orange-light: #ffe454;
    --ls-cl-orange-dark: #c38300;

    --ls-cl-green: #77b259;
    --ls-cl-green-light: #a1cd88;
    --ls-cl-green-dark: #325e1c;

    --ls-cl-blue: #47C3E7;
    --ls-cl-blue-light: #83f6ff;
    --ls-cl-blue-dark: #413c7a;

    --ls-cl-grey5:  #fafafa;
    --ls-cl-grey10: #f2f2f2;
    --ls-cl-grey20: #cecece;
    --ls-cl-grey50: #8e8e8e;
    --ls-cl-grey80: #4e4e4e;

    --ls-cl-black: #000000;
    --ls-cl-white: #ffffff;
    --ls-cl-red: #f44336;

    /* Site Wide Vars */
    --ls-bt-display: inline-block;
    --ls-bt-minwidth: 120px;
    --ls-bt-padding: 10px;
    --shadow1: drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5));
    --ls-form-bg-color: #f2f2f2;
    --ls-form-header-bg-color:#c3c3c4;

    /* Espacement */
    --ls-spacing-xs: 0.5rem;
    --ls-spacing-sm: 1rem;
    --ls-spacing-md: 1.5rem;
    --ls-spacing-lg: 2rem;
    --ls-spacing-xl: 3rem;
}