@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,700;1,400&family=Varela+Round&display=swap');

:root {

    --header-height: 60px;

    /* Fontes do sistema */
    --font-default: 'Varela Round', system-ui, -apple-system, sans-serif;
    --font-redacao: 'Lora', Georgia, serif;

    /* espaçamentos  */
    --default-spacement: 1.4rem;
    --half-spacement: .7rem;
    --little-spacement: .35rem;

    --default-border-radius: 8pt;

    /* Cores do sistema */
    --white: #fff;
    --off-white: #F6FAFF;
    --white-light: #E4EAF5;
    --gray: #D8E1F0;
    --gray-dark: #b8bdc7;

    --primary-logo: #00A5EB;
    --primary-background: #F6FAFF;
    --primary-shadow: #e7edf3;
    --primary-simple: #DCE9FF;
    --primary-light: #80abf5;
    --primary: #1D63DC;
    --primary-dark: #042D74;
    --primary-text: #001333;

    --secondary-background: #f9f6ff;
    --secondary-light: #cec3fa;
    --secondary: #5437C3;
    --secondary-dark: #331e87;
    --secondary-text: #20001D;
    --pink: #FF66C4;

    --divider: #00000011;

    --blue-light: var(--primary);
    --blue-default: var(--info-dark);

    /* --default-bgcolor: #f3f3f3;
    --white-blue-light: #dbf3ff;
    --white-blue-medium: #cbe8ff;
    --white-blue: #9bdeff;
    --light-blue-destaque: #0034df;
    --header-bg-primary: #224b91;
    --header-bg: rgb(3, 134, 240);
    --header-grad-bg: linear-gradient(148deg, rgba(3, 134, 215, 1) 0%, rgba(43, 174, 255, 1) 100%);
    --header-panel-bgcolor: var(--white-blue-medium);
    --header-panel-bgcolor-darker: #b3d7f4;
    --header-panel-bgcolor-destaque: #fafafb;

        descotinuados
    */

    --error-background: #fcf1ef;
    --error-light: #F38E78;
    --error: #E53E19;
    --error-dark: #C23010;
    --error-text: #300900;
    --error-transparent: #E53E1944;

    --warning-background: #FFF6DF;
    --warning-light: #FFDC82;
    --warning: #E5AC19;
    --warning-dark: #C08F10;
    --warning-transparent: #E5AC1944;

    --success-background: #E8FFED;
    --success-light: #7AF696;
    --success: #1ace41;
    --success-dark: #10b032;
    --success-transparent: #19E54644;
    --success-text: #002809;

    --info-background: #D6E3F9;
    --info-light: #8AB1F3;
    --info: #1D63DC;
    --info-dark: #154EB1;
    --info-text: #001333;
    --info-transparent: #1D63DC44;

    /* Box shadows, tente usar essas para deixar o sistema padronizado ;) */

    /* rever */

    --box-shadow-simples: rgba(0, 0, 0, 0.07) 0px 0px 1px 1px;
    --box-shadow-simples-blue: rgba(3, 134, 240, .7) 0px 0px 1px 1px;
    --box-shadow-media: rgba(50, 50, 93, 0.05) 0px 6px 12px -2px, rgba(0, 0, 0, 0.15) 0px 3px 7px -3px;
    --box-shadow-media-uni: rgba(50, 50, 93, 0.05) 0px 0px 12px 0px, rgba(0, 0, 0, 0.15) 0px 0px 7px 0px;
    --box-shadow-forte: rgba(0, 0, 0, 0.07) 0px 3px 4px 4px, rgba(0, 0, 0, 0.07) 0px 3px 4px 4px;
    --box-shadow-destaque-simples: 0 0 0.2em var(--white-blue);
    --box-shadow-destaque: 0 0 0.3em var(--white-blue);
    --box-shadow-destaque-white: 0px 0px 10px 0px#ffffff;
}