/**
 * Design System - Color Variables
 * 
 * Paleta de cores oriunda do Figma do projeto do designer.
 * Todas as cores do sistema devem usar essas variáveis CSS para
 * permitir mudanças centralizadas.
 * 
 * @package GALES
 * @since GALES-13220 Fase 5 - Pagination
 */

:root {
    /* Primary Colors - Azul */
    --color-primary: #3F68FB;
    --color-primary-light: #E8EBF7;
    --color-primary-dark: #001047;
    
    /* Text Colors */
    --color-text-primary: #12151F;
    --color-text-secondary: #394360;
    --color-text-muted: #7A839F;
    --color-text-dark: #10141D;
    
    /* Background Colors */
    --color-bg-white: #FFFFFF;
    --color-bg-light: #F6F6F9;
    --color-bg-neutral: #E6E8EF;
    --color-bg-neutral-light: #ECEDF2;
    
    /* Border Colors */
    --color-border: #CED3E2;
    --color-border-light: #E6E8EF;
    
    /* Component Colors */
    --color-badge-bg: #E6E8EF;
    --color-badge-text: #394360;
    
    /* Button Colors */
    --color-button-bg: #F6F6F9;
    --color-button-border: #CED3E2;
    --color-button-text: #12151F;
    
    /* Pagination Colors */
    --color-pagination-active-bg: #E8EBF7;
    --color-pagination-active-border: #3F68FB;
    --color-pagination-active-text: #001047;
    --color-pagination-inactive-text: #394360;
    --color-pagination-border-top: #E6E8EF;
    
    /* Table Colors */
    --color-table-header-bg: #ECEDF2;
    --color-table-header-text: #7A839F;
    --color-table-cell-text: #12151F;
    
    /* Search Input Colors */
    --color-input-bg: #F6F6F9;
    --color-input-border: #CED3E2;
    --color-input-placeholder: #7A839F;
    --color-input-icon: #10141D;
    
    /* Spacing Variables (bonus) */
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 20px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    
    /* Typography */
    --font-family-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-family-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    --font-size-sm: 12px;
    --font-size-base: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 20px;
    
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.71;
}

/* Dark mode support (futuro) */
@media (prefers-color-scheme: dark) {
    :root {
        /* Cores podem ser ajustadas aqui para dark mode */
    }
}