/* variables.css - Design tokens globais do sistema Polaris Fiscal */

:root {
    /* === CORES DA MARCA === */
    --color-brand: #1976d2;
    --color-brand-hover: #1565c0;
    --color-brand-light: #eff6ff;
    --color-brand-dark: #004ba0;

    /* === SUPERFÍCIES === */
    --color-bg: #f5f7fa;
    --color-surface: #ffffff;
    --color-surface-2: #f8fafc;

    /* === TEXTO === */
    --color-text: #0f172a;
    --color-text-secondary: #64748b;
    --color-text-muted: #94a3b8;

    /* === BORDAS === */
    --color-border: #e2e8f0;
    --color-border-strong: #cbd5e1;

    /* === STATUS === */
    --color-success: #16a34a;
    --color-success-bg: #dcfce7;
    --color-success-border: #bbf7d0;

    --color-warning: #d97706;
    --color-warning-bg: #fef3c7;
    --color-warning-border: #fde68a;

    --color-danger: #dc2626;
    --color-danger-bg: #fee2e2;
    --color-danger-border: #fecaca;

    --color-info: #0284c7;
    --color-info-bg: #dbeafe;
    --color-info-border: #bfdbfe;

    /* === SELEÇÃO / ESTADO ATIVO === */
    --selection-bg: #eff6ff;
    --selection-hover-bg: #f8fafc;
    --selection-border: #bfdbfe;
    --selection-border-active: #1976d2;
    --selection-color: #1976d2;
    --selection-ring: rgba(25, 118, 210, 0.14);

    /* === SIDEBAR === */
    --sidebar-width: 240px;
    --sidebar-bg: #ffffff;
    --sidebar-border: #e2e8f0;
    --sidebar-link-hover-bg: var(--selection-hover-bg);
    --sidebar-link-active-bg: var(--selection-bg);
    --sidebar-link-active-color: var(--selection-color);

    /* === SOMBRAS === */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.07);

    /* === RAIOS === */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* === TIPOGRAFIA === */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* === B2B2B — CONTEXT SWITCHER === */
    --switcher-bg:              #f8fafc;
    --switcher-border:          #e2e8f0;
    --switcher-hover-bg:        var(--selection-bg);
    --switcher-active-ring:     var(--selection-ring);
    --shadow-popover:           0 8px 24px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06);

    /* === BADGES DE STATUS OPERACIONAL === */
    --badge-confirmada-bg:      #dcfce7;
    --badge-confirmada-color:   #15803d;
    --badge-confirmada-border:  #bbf7d0;
    --badge-pendente-bg:        #fef3c7;
    --badge-pendente-color:     #92400e;
    --badge-suspensa-bg:        #fee2e2;
    --badge-suspensa-color:     #b91c1c;
    --badge-inativa-bg:         #f1f5f9;
    --badge-inativa-color:      #64748b;

    /* === TABELA ENTERPRISE === */
    --table-head-bg:            #f8fafc;
    --table-row-hover:          #f8fafc;
    --table-border:             #e2e8f0;

    /* === WORKSPACE EMPTY STATE === */
    --empty-state-icon-color:   #cbd5e1;

    /* === LEGADO (mantidas para não quebrar código existente) === */
    --azul-polaris: #1976d2;
    --azul-polaris-light: #63a4ff;
    --azul-polaris-dark: #004ba0;
    --bg-color: #f5f7fa;
    --sidebar-bg-old: rgba(255,255,255,0.7);
    --card-bg: rgba(255,255,255,0.55);
    --glass-blur: blur(12px);
    --text-primary: #0f172a;
    --text-secondary: #64748b;
    --accent-color: #1976d2;
    --border-color: #e2e8f0;
    --kpi-shadow: 0 4px 12px rgba(25,118,210,0.12);
    --btn-primary-bg: #1976d2;
    --btn-primary-hover: #1565c0;
    --btn-danger-bg: #dc2626;
    --btn-danger-hover: #b91c1c;
}
