  :root {

    /* LINE HEIGHT */
    --body-line-height: 1.4;
    --heading-line-height: 1.2;
    
    /* FONT SIZE */
  --font-base-size: 0.875rem;
  --font-scale-ratio: 1.2; 
  --font-size-xs: calc((var(--font-base-size) / var(--font-scale-ratio)) / var(--font-scale-ratio));
  --font-size-sm: calc(var(--font-size-xs) * var(--font-scale-ratio));
  --font-size-md: calc(var(--font-base-size) * var(--font-scale-ratio));
  --font-size-lg: calc(var(--font-size-md) * var(--font-scale-ratio));
  --font-size-xl: calc(var(--font-size-lg) * var(--font-scale-ratio));
  --font-size-xxl: calc(var(--font-size-xl) * var(--font-scale-ratio));
  --font-size-xxxl: calc(var(--font-size-xxl) * var(--font-scale-ratio));
  --font-size-xxxxl: calc(var(--font-size-xxxl) * var(--font-scale-ratio));
  
  --font-size-filter: 13px;
    
    /* ECB COLORS */
    --ecb-blue: rgb(0, 50, 153);
    --ecb-blue-hover: rgb(0 56 153 / 85%);
    --ecb-blue-inactive: rgb(0, 80, 180);
    --ecb-yellow: rgb(255, 188, 0);
    --ecb-yellow-hover: rgb(255, 168, 0);
    --ecb-yelow-incative: rgba(255, 188, 0, 0.3);
    --ecb-green: rgb(75, 135, 75);
  
    /* NEUTRAL COLORS */
    --neutral-50: #fdfdfd;
    --neutral-80: #f4f3f2;
    --neutral-100: #e4e3e2;
    --neutral-150: #d8d7d6;
    --neutral-200: #cac9c8;
    --neutral-300: #b0afae;
    --neutral-400: #969594;
    --neutral-500: #7c7b7a;
    --neutral-600: #626160;
    --neutral-700: #484746;
    --neutral-750: #3e3d3c;
    --neutral-800: #2e2d2c;
    --neutral-850: #222120;
    --neutral-900: #141313;
    
     /* FONT COLOR */
     --font-color-pri: var(--ecb-blue);
     --font-color-sec: var(--neutral-900);
  
    /* BORDER RADIUS */
    --border-radius-xs: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    
    /* BORDER COLOR */
    --border-col-pri: var(--neutral-100);
    
    /* SPACING */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    
    /* SHADOW */
    --shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --btn-shadow:  0 0 5px rgba(0, 0, 0, 0.3);
    
  }
