/*
DOCUMENTAÇÃO DO ARQUIVO: css/base/variables.css
Valores reutilizáveis do tema, declarados em :root. Outros arquivos podem consultá-los com var(--nome); valores fixos existentes não são automaticamente vinculados a estas variáveis.
*/
/**
==========================================================
Projeto : Cor & Papel
Arquivo : variables.css
Versão  : 0.1.0

Descrição:
Arquivo responsável pelas variáveis globais do projeto.

Todas as cores, fontes, tamanhos, espaçamentos,
bordas e sombras deverão ser definidos aqui.

Nenhuma cor fixa deverá ser utilizada em outros arquivos CSS.

==========================================================
*/

/* Declara variáveis no elemento raiz para que possam ser herdadas no documento inteiro. */
:root{

    /* =====================================================
       CORES PRINCIPAIS
    ===================================================== */

    /* Variável do tema --color-primary: pode ser reutilizada em outras regras com var(--color-primary). */
    --color-primary: #E91E63;
    /* Variável do tema --color-primary-light: pode ser reutilizada em outras regras com var(--color-primary-light). */
    --color-primary-light: #F8BBD0;

    /* Variável do tema --color-secondary: pode ser reutilizada em outras regras com var(--color-secondary). */
    --color-secondary: #29B6F6;
    /* Variável do tema --color-secondary-light: pode ser reutilizada em outras regras com var(--color-secondary-light). */
    --color-secondary-light: #B3E5FC;

    /* Variável do tema --color-success: pode ser reutilizada em outras regras com var(--color-success). */
    --color-success: #8BC34A;

    /* Variável do tema --color-white: pode ser reutilizada em outras regras com var(--color-white). */
    --color-white: #FFFFFF;

    /* Variável do tema --color-background: pode ser reutilizada em outras regras com var(--color-background). */
    --color-background: #FFF9FB;

    /* Variável do tema --color-text: pode ser reutilizada em outras regras com var(--color-text). */
    --color-text: #444444;

    /* Variável do tema --color-title: pode ser reutilizada em outras regras com var(--color-title). */
    --color-title: #222222;

    /* Variável do tema --color-border: pode ser reutilizada em outras regras com var(--color-border). */
    --color-border: #EAEAEA;

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

    /*--font-family:
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif; */


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

         /* Variável do tema --font-family: pode ser reutilizada em outras regras com var(--font-family). */
         --font-family: "Nunito Sans", sans-serif;

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

    /* Variável do tema --container-width: pode ser reutilizada em outras regras com var(--container-width). */
    --container-width: 1200px;

    /* Variável do tema --radius-small: pode ser reutilizada em outras regras com var(--radius-small). */
    --radius-small:8px;

    /* Variável do tema --radius-medium: pode ser reutilizada em outras regras com var(--radius-medium). */
    --radius-medium:16px;

    /* Variável do tema --radius-large: pode ser reutilizada em outras regras com var(--radius-large). */
    --radius-large:30px;

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

    /* Variável do tema --shadow-default: pode ser reutilizada em outras regras com var(--shadow-default). */
    --shadow-default:
        0px 8px 20px rgba(0,0,0,.08);

}