/********************************************/
/*Variáveis globais*/
/********************************************/

/*
Cores
Fundo: #442C2E
Menu ativo ou hover: #f5f3f3
Marca (Texto): #d0c3c3

Cores - Opção 2
Fundo: #344955 ou #232F34
Menu ativo ou hover: #f5f3f3
Marca (Texto): #ece7e7 ou #4A6572
Contraste: #F9AA33
*/

/*
Gerar cores
https://material-foundation.github.io/material-theme-builder/
*/

:root {
    /**********************************************************************************************************/
    /* --- CORES BASE DO TEMA --- */
    --bs-primary: #442C2E;                      /* Default: #0D6EFD - Cor principal do tema, usada para hiperlinks, estilos de foco e estados ativos de componentes e formulários. */
    --bs-primary-rgb: 68, 44, 46;               /* Default:         - RGB para transparências */

    --bs-body-bg: #ffffff;                      /* Default: #ffffff - Body - Primeiro plano e plano de fundo padrão. */
    --bs-body-color: --bs-primary;              /* Default:  - Cor do texto padrão; */

    --bs-primary-bg-subtle: #E3D8D8;            /* Default: #CFE2FF - */
    --bs-primary-border-subtle: #D6C3C6;        /* Default: #9EC5FE - */
    --bs-primary-text-emphasis: #2E1D1F;        /* Default: #052C65 - */

    --bs-primary-hover:  #442c2e30;             /* ~20% mais claro */
    --bs-primary-active: #2C1B1D;               /* ~20% mais escuro */

    /**********************************************************************************************************/
    /* --- CAMADAS E HIERARQUIA --- */
    /* Usado em elementos que devem se destacar levemente do fundo principal, como o fundo de um input desabilitado ou cabeçalhos de tabelas. */
    --bs-secondary-bg: #A38C82;                 /* Default: #E9ECEF - Secondary - Texto mais claro, divisores e componentes desativados.*/

    /* Um nível ainda mais profundo, muito usado para fundos de "code snippets" ou áreas de rodapé discretas. */
    --bs-tertiary-bg: #969273;                  /* Default: #F8F9FA - Tertiary - Texto ainda mais leve, estilizar fundos para estados de foco, destaques e áreas de destaque.*/

    /*#8F4951*/
    --bs-emphasis-color: #9A8E89;               /* Default: #000000 - Ênfase - Textos com maior contraste. Não aplicável a fundos.*/
    --bs-border-color: rgba(68, 44, 46, 0.2);   /* Default: #DEE2E6 - Borda - Para bordas, divisores e linhas de componentes.*/
    /*--bs-border-color-translucent: ;          /* Default:   - Mesclar com fundos*/

    /**********************************************************************************************************/
    /* Ações e informações positivas ou bem-sucedidas.*/
    --bs-success: #2d5d47;                      /* Default: #198754 - */
    --bs-success-bg-subtle: #D1E7DD;            /* Default: #D1E7DD - Subtítulo*/
    --bs-success-border-subtle: #badbcc;        /* Default: #A3CFBB - Borda*/
    --bs-success-text-emphasis: #0f5132;        /* Default: #0A3622 - Texto de ênfase*/

    /**********************************************************************************************************/
    /* Erros e ações perigosas. */
    --bs-danger: #b02a37;                       /* Default: #DC3545 - */
    --bs-danger-bg-subtle: #f8d7da;             /* Default: #F8D7DA - */
    --bs-danger-border-subtle: #f5c2c7;         /* Default: #F0ADB4 - */
    --bs-danger-text-emphasis: #842029;         /* Default: #73151C - */

    /**********************************************************************************************************/
    /* Mensagens de aviso não destrutivas. */
    --bs-warning: #997404;                      /* Default: #FFC107 - */
    --bs-warning-bg-subtle: #fff3cd;            /* Default: #FFF3CD - */
    --bs-warning-border-subtle: #ffecb5;        /* Default: #FFE69C - */
    --bs-warning-text-emphasis: #664d03;        /* Default: #7A4D03 - */

    /**********************************************************************************************************/
    /* Conteúdo neutro e informativo */
    --bs-info: #087990;                         /* Default: #0DCAF0 - */
    --bs-info-bg-subtle: #cff4fc;               /* Default: #CFF4FC - */
    --bs-info-border-subtle: #9eeaf9;           /* Default: #9EEAF9 - */
    --bs-info-text-emphasis: #055160;           /* Default: #2D5160 - */

    /**********************************************************************************************************/
    /* Cores menos contrastantes */
    --bs-light: #FEEAE6;                        /* Default: #F8F9FA - */
    --bs-light-bg-subtle: #fcfcfc;              /* Default: #FCFCFD - */
    --bs-light-border-subtle: #e9ecef;          /* Default: #FFFFFF - */
    --bs-light-text-emphasis: --bs-primary;     /* Default: #495057 - */

    /**********************************************************************************************************/
    /* Cores de maior contraste */
    --bs-dark: --bs-primary;                    /* Default: #212529 - */
    --bs-dark-bg-subtle: #ced4da;               /* Default: #CED4DA - */
    --bs-dark-border-subtle: #adb5bd;           /* Default: #ADB5BD - */
    --bs-dark-text-emphasis: #FEEAE6;           /* Default: #495057 - */
    /**********************************************************************************************************/

    /**********************************************************************************************************/
    /* --- Barra de navegação --- */
    /*--bs-navbar-color: #EDE6E6;
    --bs-navbar-hover-color: #6A4346;
    --bs-navbar-active-color: #d01212;
    --bs-navbar-disabled-color: rgba(237, 230, 230, 0.45);

    --bs-navbar-brand-color: #EDE6E6;
    --bs-navbar-brand-hover-color: #A76A74;*/


    --color-bg: #ffffff;
    --color-surface: #faf7f7;
    --color-primary: #c07a7a;
    --color-primary-light: #e8cfcf;
    --color-primary-dark: #a86464;

    --text-main: #3a3a3a;
    --text-secondary: #6b6b6b;

    --shadow-soft: 0 6px 16px rgba(0,0,0,.06);

    /* 🎨 Cores */
    /*Cor primária: #0336FF */
    /*#4caad9, #C3C8F1, #E7E9FA, #6f80e0*/
/*    --color-bg: #111111;
    --color-surface: #ffffff;
    --color-primary: #044463;
    /*--color-text: #1f2937;
    --color-text-soft: #cbd5e0;
    --color-text-muted: #9ca3af;*/
    /*--color-text: #1f2937;
    --color-text-soft: #cbd5e0;
    --color-text-muted: #9ca3af;
    --color-hover: rgba(255, 255, 255, 0.1);

    /* ===== Core Brand ===== */
    /*--color-brand: #d0c3c3;   /*  Marca: usada para indicar elementos interativos, como links de texto e botões. */

    /* ===== Text ===== */
    /*--text-strong: #1B203E;   /* Texto em negrito: usado para o texto principal, como títulos, conteúdo do corpo e rótulos de formulários, para garantir que sejam visíveis e legíveis. */
    /*--text-weak: #59607B;     /* Texto fraco: usado para texto de apoio, tornando-o menos proeminente */

    /* ===== Strokes (bordas / linhas) ===== */
    /*--stroke-strong: #8086A6; /* Traço forte: usado para bordas não decorativas em elementos de interface, como campos de entrada de formulários. Também usado para ícones. */
    /*--stroke-weak: #E6E7F0;   /* Traço fraco: usado para bordas decorativas, como linhas divisórias, que não são essenciais para identificar elementos da interface.  */

    /* ===== Background Fill ===== */
    /*--fill: #F5F7FB;          /* usado como um plano de fundo secundário para ajudar a diferenciar elementos, como etiquetas ou emblemas, que se encontram no fundo branco principal. */

    /* ===== Brand (Rosa + Roxo suave) ===== */
    /* --color-brand: #C9A7F5;      /* Lavanda */
    /* --color-brand-strong: #9B5DE5; /* Roxo principal */

    /* Fundo suave rosa (quase branco) */
    /* --fill: #FBF7FC;*/

    /* Gradientes */
    /* --grad-soft: linear-gradient(135deg, #F6D6E6, #C9A7F5);*/
    /* --grad-strong: linear-gradient(135deg, #E8A6C9, #9B5DE5);*/


    /* 📐 Espaçamentos */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 1.5rem;

    /* 🔲 Bordas */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* 🌫️ Sombras */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --shadow-md: 0 2px 10px rgba(0,0,0,0.3);
}