/* ==========================================================
   PORTAL DAS JORNADAS CIENTÍFICAS
   Universidade Jean Piaget de Angola
   Ficheiro: variables.css
   ========================================================== */

:root{

    /*======================================================
      CORES INSTITUCIONAIS
    ======================================================*/

    --primary:#2C2520;
    --primary-light:#4B433D;
    --primary-dark:#1B1816;

    --secondary:#665F5A;

    --gold:#D4A13A;
    --gold-light:#E9C47A;
    --gold-dark:#B8871F;

    --accent:#7A1C21;

    --white:#FFFFFF;
    --black:#000000;

    --background:#F8F6F3;
    --surface:#FFFFFF;

    --border:#E8E2DC;

    /*======================================================
      TEXTO
    ======================================================*/

    --text:#2C2520;
    --text-light:#665F5A;
    --text-muted:#9A938E;

    /*======================================================
      CORES DE ESTADO
    ======================================================*/

    --success:#198754;
    --warning:#FFC107;
    --danger:#DC3545;
    --info:#0DCAF0;

    /*======================================================
      GRADIENTES
    ======================================================*/

    --gradient-primary:
        linear-gradient(
            135deg,
            #2C2520 0%,
            #4B433D 100%
        );

    --gradient-gold:
        linear-gradient(
            135deg,
            #D4A13A 0%,
            #E9C47A 100%
        );

    --gradient-accent:
        linear-gradient(
            135deg,
            #7A1C21 0%,
            #A1292F 100%
        );

    /*======================================================
      FONTES
    ======================================================*/

    --font-primary:'Poppins',sans-serif;

    --font-title:'Cinzel',serif;

    /*======================================================
      TAMANHOS
    ======================================================*/

    --fs-xs:.75rem;
    --fs-sm:.875rem;
    --fs-md:1rem;
    --fs-lg:1.125rem;
    --fs-xl:1.25rem;
    --fs-2xl:1.5rem;
    --fs-3xl:2rem;
    --fs-4xl:2.5rem;
    --fs-5xl:3rem;
    --fs-6xl:4rem;

    /*======================================================
      PESOS
    ======================================================*/

    --fw-light:300;
    --fw-normal:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;

    /*======================================================
      ESPAÇAMENTOS
    ======================================================*/

    --space-1:5px;
    --space-2:10px;
    --space-3:15px;
    --space-4:20px;
    --space-5:30px;
    --space-6:40px;
    --space-7:60px;
    --space-8:80px;

    /*======================================================
      BORDAS
    ======================================================*/

    --radius-sm:6px;
    --radius:12px;
    --radius-lg:18px;
    --radius-xl:25px;
    --radius-pill:50px;
    --radius-circle:50%;

    /*======================================================
      SOMBRAS
    ======================================================*/

    --shadow-xs:0 2px 6px rgba(0,0,0,.04);

    --shadow-sm:0 6px 18px rgba(0,0,0,.06);

    --shadow:0 12px 30px rgba(0,0,0,.10);

    --shadow-lg:0 20px 45px rgba(0,0,0,.15);

    --shadow-gold:0 10px 25px rgba(212,161,58,.25);

    /*======================================================
      TRANSIÇÕES
    ======================================================*/

    --transition:all .35s ease;

    --transition-fast:all .2s ease;

    --transition-slow:all .6s ease;

    /*======================================================
      TAMANHOS DO LAYOUT
    ======================================================*/

    --header-height:90px;

    --navbar-height:70px;

    --sidebar-width:320px;

    --container-width:1320px;

    /*======================================================
      Z-INDEX
    ======================================================*/

    --z-dropdown:1000;
    --z-sticky:1020;
    --z-fixed:1030;
    --z-offcanvas:1045;
    --z-modal:1055;
    --z-tooltip:1080;

}