:root {
  /* Colors */
  --color-background: #f0f0f0;
  --color-border: #a0a0a0;
  --color-social-facebook: #0866ff;
  --color-social-facebook-dark: #0653d1;
  --color-social-x: #000000;
  --color-social-x-dark: #333333;
  --color-social-linkedin: #0a66c2;
  --color-social-linkedin-dark: #08519b;

  /* Forms */
  --form-field-radius: 0.5em;

  /* Slider */
  --slider-track-height: 0.25em;
  --slider-thumb-border-height: 0.25em;
  --slider-thumb-inner-height: 1.25em;
  --slider-thumb-height: calc(var(--slider-thumb-border-height) + var(--slider-thumb-inner-height));
  --slider-thumb-width: var(--slider-thumb-height);
  --slider-thumb-margin: calc((var(--slider-thumb-height) - var(--slider-track-height)) / 2);

  /* Slider - active */
  --slider-track-active-height: 0.25em;
  --slider-thumb-active-border-height: 0.0em;
  --slider-thumb-active-inner-height: 1.5em;
  --slider-thumb-active-height: calc(var(--slider-thumb-active-border-height) + var(--slider-thumb-active-inner-height));
  --slider-thumb-active-width: var(--slider-thumb-active-height);
  --slider-thumb-active-margin: calc((var(--slider-thumb-active-height) - var(--slider-track-active-height)) / 2);
}