/* ============================================
   GENIAL SEGURANÇA - DESIGN SYSTEM
   Documento imutável de tokens visuais
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
    /* === Cores da Marca === */
    --gs-black: #1A1A1A;
    --gs-black-soft: #2D2D2D;
    --gs-black-hover: #3A3A3A;
    --gs-gold: #C5A55A;
    --gs-gold-bright: #D4AF37;
    --gs-gold-dark: #A8893E;
    --gs-gold-light: #E8D9A0;
    --gs-gold-bg: rgba(197, 165, 90, 0.1);
    --gs-silver: #C0C0C0;
    --gs-gray: #A0A0A0;
    --gs-gray-medium: #6C757D;
    --gs-gray-light: #E8E8E8;
    --gs-gray-lighter: #F5F5F5;
    --gs-white: #FFFFFF;

    /* === Cores Semânticas === */
    --gs-success: #28A745;
    --gs-danger: #DC3545;
    --gs-warning: #FFC107;
    --gs-info: #17A2B8;
    --gs-success-bg: rgba(40, 167, 69, 0.1);
    --gs-danger-bg: rgba(220, 53, 69, 0.1);
    --gs-warning-bg: rgba(255, 193, 7, 0.1);
    --gs-info-bg: rgba(23, 162, 184, 0.1);

    /* === Tipografia === */
    --gs-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --gs-font-mono: 'JetBrains Mono', 'Courier New', monospace;

    /* === Espaçamentos === */
    --gs-space-xs: 0.25rem;
    --gs-space-sm: 0.5rem;
    --gs-space-md: 1rem;
    --gs-space-lg: 1.5rem;
    --gs-space-xl: 2rem;
    --gs-space-xxl: 3rem;

    /* === Bordas === */
    --gs-radius-sm: 4px;
    --gs-radius-md: 8px;
    --gs-radius-lg: 12px;
    --gs-radius-full: 50%;

    /* === Sombras === */
    --gs-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --gs-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --gs-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);

    /* === Sidebar === */
    --gs-sidebar-width: 260px;
    --gs-sidebar-collapsed: 70px;

    /* === Transições === */
    --gs-transition: all 0.2s ease;
}