:root {
  --primary-title: #092353;
  --primary-color: #0245AE;
  --primary-text-color: #FFFFFF;
  --secondary-color: #F29305;
  --secondary-text-color: #FFFFFF;
  --primary-gradient: #092353;
  --secondary-gradient: #0245AE;
  --primary-component-bg: #F1FAFF;
  --primary-component-border: #0245AE99;
  --primary-component-text: #0245AE;

  --primary-component-bg-2: #EEEEF0;
  --primary-component-border-2: #DADADD;
  --primary-component-text-2: #0245AE;

  
  /* to do: Ver a possibilidade de padronizar */

  /* Primary */
  --color-primary-10: #F1FAFF;
  --color-primary-50: #EBF8FF;
  --color-primary-100: #D2EFFF;
  --color-primary-200: #AFE3FF;
  --color-primary-300: #77D5FF;
  --color-primary-400: #38BBFF;
  --color-primary-500: #0A96FF;
  --color-primary-600: #0071FF;
  --color-primary-700: #0058FF;
  --color-primary-800: #0048D5;
  --color-primary-900: #0245AE;
  --color-primary-950: #092353;

  /* Secondary */
  --color-secondary-10: #F4FAFE;
  --color-secondary-50: #F1F9FE;
  --color-secondary-100: #E3F1FB;
  --color-secondary-200: #C0E5F7;
  --color-secondary-300: #83CEEF;
  --color-secondary-400: #4AB9E6;
  --color-secondary-500: #23A0D4;
  --color-secondary-600: #1581B4;
  --color-secondary-700: #126792;
  --color-secondary-800: #135779;
  --color-secondary-900: #154965;
  --color-secondary-950: #0E2F43;

  /* Neutral */
  
  --color-neutral-0: #FFFFFF;
  --color-neutral-50: #F7F7F8;
  --color-neutral-100: #EEEEF0;
  --color-neutral-200: #DADADD;
  --color-neutral-300: #B9BAC0;
  --color-neutral-400: #92939E;
  --color-neutral-500: #757682;
  --color-neutral-600: #5F5F6A;
  --color-neutral-700: #4D4D57;
  --color-neutral-800: #42424A;
  --color-neutral-900: #3A3A40;
  --color-neutral-950: #141416;

  /* Warm */
  --color-warm-500: #F29305;
  
  /* Success */
  --color-success-600: #27923D;
  
  /* Error */
  --color-error-600: #ED1C15;
}

/* Dark */
[data-theme='dark'] {
  --color-primary-10: #092353;
  --color-primary-50: #0245AE;
  --color-primary-100: #0048D5;
  --color-primary-200: #0058FF;
  --color-primary-300: #0071FF;
  --color-primary-400: #0A96FF;
  --color-primary-500: #38BBFF;
  --color-primary-600: #77D5FF;
  --color-primary-700: #AFE3FF;
  --color-primary-800: #D2EFFF;
  --color-primary-900: #EBF8FF;
  --color-primary-950: #F1FAFF;
}