:root {
  --small-logo: url('https://santaimgrp.ecxon.com.br/img/imagens_hud/liberty99.png');
  --rgb-color: 44, 140, 255;

  /* Background */
  --background-solid: #060d1e;
  --background-radial: radial-gradient(163.54% 144.88% at 185.97% 50%, rgba(44, 140, 255, 0.20) 0%, rgba(44, 140, 255, 0.00) 100%), #060d1e;

  /* Main Colors */
  --main-50: #eef7ff;
  --main-100: #d8ecff;
  --main-200: #badeff;
  --main-300: #8bcbff;
  --main-400: #54aeff;
  --main-500: #2c8cff;
  --main-600: #166ffa;
  --main-700: #0e57e7;
  --main-800: #1347ba;
  --main-900: #164092;
  --main-950: #16306b;

  --interaction-text-disabled: #FFFFFF;
  --interaction-text-active: #060d1e;
  --interaction-background: #2c8cff;
  --interaction-background-disabled: #060d1e;

  /* Main Opacity */
  --main-opacity-50: rgba(44, 140, 255, 0.05);
  --main-opacity-100: rgba(44, 140, 255, 0.1);
  --main-opacity-200: rgba(44, 140, 255, 0.2);
  --main-opacity-300: rgba(44, 140, 255, 0.3);
  --main-opacity-400: rgba(44, 140, 255, 0.4);
  --main-opacity-500: rgba(44, 140, 255, 0.5);
  --main-opacity-600: rgba(44, 140, 255, 0.6);
  --main-opacity-700: rgba(44, 140, 255, 0.7);
  --main-opacity-800: rgba(44, 140, 255, 0.8);
  --main-opacity-900: rgba(44, 140, 255, 0.9);

  /* White Opacity */
  --white-opacity-20: rgba(255, 255, 255, 0.02);
  --white-opacity-50: rgba(255, 255, 255, 0.05);
  --white-opacity-100: rgba(255, 255, 255, 0.1);
  --white-opacity-200: rgba(255, 255, 255, 0.2);
  --white-opacity-300: rgba(255, 255, 255, 0.3);
  --white-opacity-400: rgba(255, 255, 255, 0.4);
  --white-opacity-500: rgba(255, 255, 255, 0.5);
  --white-opacity-600: rgba(255, 255, 255, 0.6);
  --white-opacity-700: rgba(255, 255, 255, 0.7);
  --white-opacity-800: rgba(255, 255, 255, 0.8);
  --white-opacity-900: rgba(255, 255, 255, 1);

  /* Grey */
  --grey-5: #FFFFFF;
  --grey-100: #EAEDF1;
  --grey-200: #CBD3DC;
  --grey-300: #ADB9C8;
  --grey-400: #8E9FB3;
  --grey-500: #70869F;
  --grey-600: #586C83;
  --grey-700: #445365;
  --grey-800: #2F3A46;
  --grey-900: #1A2027;

  /* Paddings */
  --padding-xs: 4px;
  --padding-sm: 8px;
  --padding-md: 12px;
  --padding-lg: 16px;
  --padding-xl: 20px;
  --padding-2xl: 24px;
  --padding-3xl: 32px;
  --padding-4xl: 40px;
  --padding-5xl: 48px;
  --padding-6xl: 64px;

  /* Border Radius */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-pill: 9999px;
}