:root {
    /* Background Images */
    --linktree-background: url('/assets/images/linktree/background.svg');

    /* Color Palette */
    --base-primary-color: #1B8617;
    --base-secondary-color: #FFC738;
    --base-shade-color: #1B4A52;
    
    --base-light-color: #FFF;
    
    --base-success-color: #67CB93;
    --base-warning-color: #ffb700;
    --base-danger-color: #FF3030;
    --base-info-color: #31acfe;

    --grey-color: #737171;
    --grey-color-2: #999999;
    --grey-color-3: #D2D2D2;
    --grey-color-4: #D0CFCF;
    --grey-color-5: #EFF0F2;

    --dark-color: #222222;
    --dark-color-2: #333333;
  
    /* Navbar */
    --navbar-shadow: rgba(48, 49, 51, 0.2);
    --navbar-brand-shadow: rgba(0, 113, 176, 0.18);
  
    /* Text */
    --primary-text-color: #212529;
    --secondary-text-color: #FFF;
    --gray-text-color: #E9ECEF;
    --transparent-text-color: rgb(250, 252, 253, 0.8);

    /* Form */
    --form-input-background-color: #EFF0F2;
    --form-input-color: #838383;
  
    /* Footer */
    --footer-background-color: #212529;
    --footer-list-color: var(--base-primary-color);
  
    overflow-x: hidden;
    box-sizing: border-box;
  }