// Este arquivo servirá para agrupar os antigos "sispro-variables.scss" e "_global-variables.scss" e também algumas variáveis :root convertidas

/*---------------*\
       :ROOT
\*---------------*/
$root-text-color: #212529;
$root-main-color: #007BFF;
$root-footer-color: #2847A0;
$root-border-color: #C4C4C4;
$root-background-color: #EEEEEE;

$root-main-padding: 25px;

$root-sp-default: #2847A0;
$root-sp-primary: #0D6EFD;
$root-sp-primary-disabled: #5697F5;
$root-sp-hover: #CCE5FF;
$root-sp-secondary: #BD643E;
$root-sp-secondary-placeholder: #6C757D;
$root-sp-secondary-disabled: #2847A0;
$root-sp-success: #198754;
$root-sp-success-disabled: #5EA787;
$root-sp-danger: #DC3545;
$root-sp-danger-disabled: #DD727D;
$root-sp-warning: #FFC107;
$root-sp-warning-disabled: #F3CD55;
$root-sp-info: #0DCAF0;
$root-sp-light: #F8F9FA;
$root-sp-light-disabled: #EFF1F3;
$root-sp-dark-text: #212529;
$root-sp-dark-text-disabled: #63676B;
$root-sp-white: #FFFFFF;
$root-sp-tooltip: #191919;
$root-sp-input-outline: #C7C7C7;
$root-sp-background-neutral: #F5F5F5;
$root-sp-green: #009EAB;

/*--------------------------------------*\
          _global-variables.scss
       ----- CORES PRINCIPAIS -----
\*--------------------------------------*/
// Usadas para os elementos e trechos principais como, por exemplo, cores de containers, cores de fundo, entre outros...
$white: #ffffff;
$gray: #e9ecef;

$main-color: #007BFF;
$basic-text-color: #212529;
$text-color: #0D6EFD;
$footer-text-color: #2847A0;

$border-color: #dee2e6;
$input-color: #6C757D;
$header-table: #C4C4C4;

$hover: #BDD4EC;

$background-pdf: #E0E6EC;

$steps-text-color: #6C757D;

$default-border: 1px solid rgba(15, 15, 15, 0.3);

/*--------------------------------------*\
          _global-variables.scss
       ----- CORES SECUNDÁRIAS -----
\*--------------------------------------*/
// Usadas para componentes e trechos separados como, por exemplo, cores de botões secundários, inputs, trechos mais isolados de componentes, entre outros...

// #region CORES DE CÍRCULOS DE STATUS
$status-active-color: #28A745;
$status-inactive-color: #a72828;

$sisglobal-fase-rascunho: #fff;
$sisglobal-fase-elaboracao: #6c757d;
$sisglobal-fase-aprovacao: #007bff;
$sisglobal-fase-assinatura: #ffc107;
$sisglobal-fase-vigente: #198754;
$sisglobal-fase-encerrado: #dc3545;
// #endregion CORES DE CÍRCULOS DE STATUS

/*--------------------------------------*\
          sispro-variables.scss
       ----- CORES PRINCIPAIS -----
\*--------------------------------------*/
// Usadas para os elementos e trechos principais como, por exemplo, cores de containers, cores de fundo, entre outros...
$white: #ffffff;
$gray: #e9ecef;

//PRIMÁRIAS
$primary-dark-bg: #213B70; //Menu
$primary-medium-bg: #2847A0;
$primary-light-bg: #3767b2;
$primary-disabled-bg: #7395C9;
$neutral-bg: #F5F5F5; //Background do sistema

//TEXTOS
$primary-text-color: #212529;
$disabled-text-color: #6C757D;
$white-text-color: #fff;
$primary-text-medium: #2847A0;
$primary-text-light: #3767B2;

//OUTLINES
$outline-error: #B23737;
$outline-normal: #CED4DA;
$outline-dark: #BAC3CC;
$outline-active: #3767B2;

//ALERTAS
$alert-primary-text: #084298;
$alert-primary-bg: #CFE2FF;
$alert-secondary-text: #055160;
$alert-secondary-bg: #CFF4FC;
$alert-error-text: #842029;
$alert-error-bg: #F8D7DA;
$alert-success-text: #0F5132;
$alert-success-bg: #D1E7DD;
$alert-warning-text: #664D03;
$alert-warning-bg: #FFF3CD;
$alert-grey-text: #41464B;
$alert-grey-bg: #E2E3E5;

//BORDA
$border-container: #C4C4C4;

/*----------------------------*\
       FONTES E TIPOGRAFIA
\*----------------------------*/
$title-font-size: 1.5rem;
$input-font-size: 1rem;
$audit-font-size: .75rem;
$search-buttons-font-size: 0.875rem;