/*
 * =============================================================
 *  MODERN VARIABLES — Projeto Safe Room
 *  Fonte de verdade única para todos os Design Tokens.
 *  Carregado em dashboard.blade.php e login.blade.php.
 *
 *  REGRA: Se precisar mudar uma cor, muda AQUI.
 *         Reflete em todos os arquivos modern-*.css automaticamente.
 * =============================================================
 */

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/inter-latin-400-normal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/inter-latin-500-normal.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/inter-latin-600-normal.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/inter-latin-700-normal.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* -- Cores da Marca -- */
    --color-primary:         #001950;
    --color-primary-hover:   #002878;
    --color-primary-light:   rgba(0, 25, 80, 0.07);
    --color-accent:          #00a0ff;
    --color-accent-mid:      #0064ff;
    --color-accent-light:    rgba(0, 160, 255, 0.1);
    --color-green:           #28be82;
    --color-green-light:     #50dc00;
    /* [4C-IA | 2026-05-07 | css-18 | UI-MODERN/SIMULACAO]
     * Motivo: expor no CSS a mesma cor ativa usada nas linhas LeaderLine da simulacao.
     */
    --color-leaderline-active: #247881;

    /* [4C-IA | 2026-03-24 | CSS-04 | AUTH]
     * Motivo: centralizar cores antes hardcoded no modern-login.css (toast, icones e spinner).
     */
    /* -- Segurança -- */
    --color-danger:          #dc1400;
    --color-danger-soft:     #e24a3e;
    --color-danger-strong:   #ef3f33;
    --color-warning:         #ffbe00;
    --color-warning-soft:    #f2a116;
    --color-success:         #28be82;
    --color-success-soft:    #1db772;
    --color-info:            #00a0ff;
    --color-info-soft:       #3f84ff;

    /* [4C-IA | 2026-03-27 | css-05 | UI-MODERN]
     * Motivo: remover hardcode de cores dos botoes modernos coloridos.
     */
    --color-btn-secondary-start:          #f8faff;
    --color-btn-secondary-end:            #eef2f8;
    --color-btn-secondary-hover-start:    #ffffff;
    --color-btn-secondary-hover-end:      #f3f6fb;
    --color-btn-purple-start:             #a751c9;
    --color-btn-purple-end:               #8321ad;
    --color-btn-purple-hover-start:       #5f177f;
    --color-btn-purple-hover-end:         #9533c0;
    --color-btn-dark-start:               #2a3550;
    --color-btn-dark-end:                 #1a1a2e;
    --color-btn-dark-hover-start:         #1f283f;
    --color-btn-dark-hover-end:           #121226;
    --color-btn-gray-start:               #d7dbe3;
    --color-btn-gray-end:                 #bcc5d2;
    --color-btn-gray-border:              #b8c1cf;
    --color-btn-gray-hover-start:         #c8cfdb;
    --color-btn-gray-hover-end:           #acb7c8;
    --color-btn-gray-hover-border:        #acb7c8;
    --color-btn-outline-gray-hover-start: #eef2f8;
    --color-btn-outline-gray-hover-end:   #e2e8f2;

    /* [4C-IA | 2026-03-27 | css-05 | UI-MODERN]
     * Motivo: eliminar hardcodes de cor/rgb do modern-base.css mantendo os mesmos tons visuais.
     */
    --color-white-alpha-85:               rgba(255, 255, 255, 0.85);
    --color-white-alpha-90:               rgba(255, 255, 255, 0.9);
    --color-white-alpha-30:               rgba(255, 255, 255, 0.3);
    --color-black-alpha-02:               rgba(0, 0, 0, 0.02);
    --color-black-alpha-04:               rgba(0, 0, 0, 0.04);
    --color-black-alpha-05:               rgba(0, 0, 0, 0.05);
    --color-black-alpha-08:               rgba(0, 0, 0, 0.08);
    --color-black-alpha-10:               rgba(0, 0, 0, 0.1);
    --color-black-alpha-12:               rgba(0, 0, 0, 0.12);
    --color-black-alpha-15:               rgba(0, 0, 0, 0.15);
    --color-black-alpha-20:               rgba(0, 0, 0, 0.2);
    --color-accent-alpha-35:              rgba(0, 160, 255, 0.35);
    --color-primary-glow-alpha-10:        rgba(27, 77, 240, 0.1);
    --color-danger-alpha-08:              rgba(220, 20, 0, 0.08);
    --color-slate-shadow-08:              rgba(17, 24, 39, 0.08);
    --color-slate-shadow-12:              rgba(17, 24, 39, 0.12);
    --color-slate-shadow-14:              rgba(17, 24, 39, 0.14);
    --color-focus-ring-primary:           rgba(0, 100, 255, 0.18);
    --color-border-soft:                  #e6e6e6;
    --color-border-soft-alt:              #f0f0f0;
    --color-bg-surface-alt:               #fafbfc;
    --color-text-neutral-strong:          #444444;
    --color-text-neutral-soft:            #777777;
    --color-text-category-muted:          #a4b4c3;


    --kanban-board-bg:                    #eef2f8;
    --kanban-list-bg-start:               #ffffff;
    --kanban-list-bg-end:                 #f8faff;
    --kanban-list-border:                 #dbe3ee;
    --kanban-list-shadow:                 rgba(17, 24, 39, 0.1);
    --kanban-header-start:                #2a3550;
    --kanban-header-end:                  #1d2740;
    --kanban-header-border:               rgba(255, 255, 255, 0.15);
    --kanban-header-text:                 #ffffff;
    --kanban-header-meta:                 rgba(255, 255, 255, 0.82);
    --kanban-card-bg:                     #ffffff;
    --kanban-card-border:                 #dbe4ef;
    --kanban-card-border-hover:           #9ec5ff;
    --kanban-card-shadow:                 rgba(17, 24, 39, 0.08);
    --kanban-card-shadow-hover:           rgba(0, 25, 80, 0.16);
    --kanban-card-title:                  #1f2a44;
    --kanban-card-subtitle:               #5f6d83;
    --kanban-card-id-bg:                  rgba(238, 242, 248, 0.92);
    --kanban-card-id-text:                #6f7c91;
    --kanban-card-activity-default:       #8f9db2;
    --kanban-card-tag-shadow:             rgba(0, 0, 0, 0.12);
    --kanban-empty-bg:                    rgba(255, 255, 255, 0.6);
    --kanban-empty-border:                #d3dcea;
    --kanban-empty-text:                  #6f7c91;

    --crm-list-shell-bg:                  #f7f9fd;
    --crm-list-shell-border:              #dfe6f1;
    --crm-list-shell-shadow:              rgba(17, 24, 39, 0.06);
    --crm-list-toolbar-bg:                #f4f7fc;
    --crm-list-toolbar-border:            #d7e1ef;
    --crm-list-table-border:              #dbe4f0;
    --crm-list-head-bg:                   #eef3fb;
    --crm-list-head-text:                 #364761;
    --crm-list-row-border:                #e7edf6;
    --crm-list-row-alt-bg:                #fbfcff;
    --crm-list-row-hover-bg:              #eef6ff;
    --crm-list-text:                      #25344f;
    --crm-list-muted-text:                #667892;
    --crm-list-empty-bg:                  #f5f8ff;
    --crm-list-empty-border:              #d7e3f5;
    --crm-list-empty-text:                #5b6f8a;
    --crm-list-badge-shadow:              rgba(17, 24, 39, 0.12);
    /* [4C-IA | 2026-03-31 | css-override | CRM]
     * Motivo: padronizar estilo moderno dos botoes de exportacao na visualizacao em lista.
     */
    --crm-list-export-shadow:             rgba(17, 24, 39, 0.14);
    --crm-list-export-shadow-hover:       rgba(17, 24, 39, 0.2);
    --crm-list-export-csv-start:          #2ac489;
    --crm-list-export-csv-end:            #149a63;
    --crm-list-export-csv-border:         #128b59;
    --crm-list-export-xlsx-start:         #a14dd0;
    --crm-list-export-xlsx-end:           #7d2ab0;
    --crm-list-export-xlsx-border:        #6f229c;

    --crm-filter-drawer-bg-start:         #fcfdff;
    --crm-filter-drawer-bg-end:           #f3f7ff;
    --crm-filter-drawer-border:           #dbe4f1;
    --crm-filter-drawer-shadow:           rgba(15, 23, 42, 0.18);
    --crm-filter-drawer-width:            440px;
    --crm-filter-drawer-zindex:           1024;
    --crm-filter-drawer-hidden-offset:    64px;
    --crm-filter-handle-bg-start:         #2f6de1;
    --crm-filter-handle-bg-end:           #1f58c0;
    --crm-filter-handle-border:           #1b4ea9;
    --crm-filter-handle-icon:             #ffffff;
    --crm-filter-handle-size:             42px;
    --crm-filter-handle-outside-gap:      10px;
    --crm-filter-panel-bg:                #f7faff;
    --crm-filter-panel-border:            #d5e0f0;
    --crm-filter-tab-active-bg:           #e8f0ff;
    --crm-filter-item-bg:                 #ffffff;
    --crm-filter-item-border:             #dbe5f3;
    --crm-filter-item-shadow:             rgba(15, 23, 42, 0.08);
    --crm-filter-text:                    #25344f;
    --crm-filter-muted-text:              #6a7b93;

    
    --crm-goal-drawer-bg-start:           #fcfdff;
    --crm-goal-drawer-bg-end:             #f3f7ff;
    --crm-goal-drawer-border:             #dbe4f1;
    --crm-goal-drawer-shadow:             rgba(15, 23, 42, 0.18);
    --crm-goal-drawer-width:              480px;
    --crm-goal-drawer-zindex:             1025;
    --crm-goal-drawer-hidden-offset:      80px;
    --crm-goal-handle-bg-start:           #2f6de1;
    --crm-goal-handle-bg-end:             #1f58c0;
    --crm-goal-handle-border:             #1b4ea9;
    --crm-goal-handle-icon:               #ffffff;
    --crm-goal-handle-size:               42px;
    --crm-goal-handle-outside-gap:        10px;
    --crm-goal-filter-bg:                 #f7faff;
    --crm-goal-filter-border:             #d5e0f0;
    --crm-goal-input-bg:                  #ffffff;
    --crm-goal-input-border:              #cfdae9;
    --crm-goal-input-text:                #273852;
    --crm-goal-item-bg:                   #ffffff;
    --crm-goal-item-border:               #dbe5f3;
    --crm-goal-item-shadow:               rgba(15, 23, 42, 0.08);
    --crm-goal-title-text:                #23324b;
    --crm-goal-subtitle-text:             #6a7b93;
    --crm-goal-metric-bg:                 #eef4ff;
    --crm-goal-metric-border:             #d5e1f3;
    --crm-goal-metric-text:               #2c4f86;
    --crm-goal-progress-track:            #e8eef8;
    --crm-goal-progress-fill-start:       #36b37e;
    --crm-goal-progress-fill-end:         #218f67;
    --crm-goal-progress-text:             #ffffff;
    --crm-goal-empty-text:                #70839f;

    /* -- Texto -- */
    --color-text:            #1a1a2e;
    --color-text-strong:     #2a3550;
    --color-text-muted:      #8c8c8c;
    --color-text-icon-muted: #9aa2af;
    --color-text-icon-hover: #6e7787;
    --color-text-light:      #505050;

    /* -- Backgrounds -- */
    --color-bg-page:         #f0f2f5;
    --color-bg-white:        #ffffff;
    --color-bg-white-25:     rgba(255, 255, 255, 0.25);
    --color-bg-hover:        #f5f7fa;

    /* -- Bordas -- */
    --color-border:          #e5e7eb;
    --color-border-input:    #d5d8de;

    /* -- Tipografia -- */
    /* [4C-IA | 2026-05-07 | css-18 | UI-MODERN]
       Escala tipografica global reduzida para deixar a aplicacao mais compacta. */
    --font-family:           'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-xs:          10px;
    --font-size-sm:          11px;
    --font-size-base:        13px;
    --font-size-md:          14px;
    --font-size-lg:          15px;
    --font-size-xl:          17px;
    --font-size-h3:          17px;
    --font-size-h2:          19px;
    --font-size-h1:          22px;
    --font-weight-normal:    400;
    --font-weight-medium:    500;
    --font-weight-semibold:  600;
    --font-weight-bold:      700;
    --line-height-base:      1.5;

    /* -- Bordas arredondadas -- */
    --radius-none:           0px;
    --radius-sm:             4px;
    --radius-md:             8px;
    --radius-lg:             12px;
    --radius-xl:             16px;
    --radius-xxl:            24px;
    --radius-pill:           100px; 

    /* -- Sombras -- */
    --shadow-sm:             0 1px 4px rgba(0, 0, 0, 0.06);
    --shadow-md:             0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-lg:             0 8px 32px rgba(0, 0, 0, 0.12);
    --shadow-float:          0 4px 24px rgba(0, 0, 0, 0.10);

    /* -------------------------------------------------------------
       ESPAÇAMENTOS SNIPER — A LEI DO GRID V8.2
       ------------------------------------------------------------- */
    --sniper-gutter: 20px;         /* Respiro lateral absoluto */
    --sniper-gap: 16px;            /* Espaço entre cards/blocos */
    --sniper-page-top: 20px;       /* Respiro do topo */

    /* -- Transições -- */
    --transition-fast:       all 0.15s ease;
    --transition-base:       all 0.2s ease;

    /* -- Tooltips (padrão global do sistema) -- */
    /* [4C-IA | 2026-03-25 | tooltip-tokens | UI-MODERN]
       Grafite escuro — consistente com o design referência.
       Alterar aqui reflete em TODOS os tooltips do sistema. */
    --tooltip-bg:            #2d3748;
    --tooltip-color:         #ffffff;
    --tooltip-font-size:     11px;
    --tooltip-radius:        var(--radius-md);
    --tooltip-shadow:        0 4px 14px rgba(0, 0, 0, 0.22);
    --tooltip-padding:       5px 10px;
    --tooltip-offset:        8px;  /* Distância do elemento-alvo */
}