/* Property Details - Sistema de Cores Padronizado */
/* Baseado no site1Original para garantir consistência visual */

:root {
    /* === CORES PRINCIPAIS === */
    
    /* Cores de Texto */
    --ztc-text-text-1: #ffffff;        /* Texto branco */
    --ztc-text-text-2: #030E0F;        /* Texto principal - preto profundo */
    --ztc-text-text-3: #252728;        /* Texto secundário - cinza escuro */
    --ztc-text-text-4: #6c757d;        /* Texto muted - Bootstrap gray-600 */
    --ztc-text-text-5: #073B3A;        /* Texto hover - verde escuro */
    
    /* Cores de Fundo */
    --ztc-bg-bg-1: #ffffff;            /* Fundo branco principal */
    --ztc-bg-bg-2: #f8f9fa;            /* Fundo cinza claro */
    --ztc-bg-bg-3: #CBCD30;            /* Amarelo-verde destaque (cor da marca) */
    --ztc-bg-bg-4: #073B3A;            /* Verde escuro complementar */
    
    /* === CORES FUNCIONAIS === */
    
    /* Estados de Sucesso */
    --ztc-success-primary: #28a745;    /* Verde sucesso */
    --ztc-success-hover: #218838;      /* Verde sucesso hover */
    --ztc-success-light: rgba(40, 167, 69, 0.1); /* Verde sucesso transparente */
    
    /* Estados de Erro */
    --ztc-error-primary: #dc3545;      /* Vermelho erro */
    --ztc-error-hover: #c82333;        /* Vermelho erro hover */
    --ztc-error-light: rgba(220, 53, 69, 0.1); /* Vermelho erro transparente */
    
    /* Estados de Aviso */
    --ztc-warning-primary: #ffc107;    /* Amarelo aviso */
    --ztc-warning-hover: #e0a800;      /* Amarelo aviso hover */
    --ztc-warning-light: rgba(255, 193, 7, 0.1); /* Amarelo aviso transparente */
    
    /* Estados de Informação */
    --ztc-info-primary: #17a2b8;       /* Azul informação */
    --ztc-info-hover: #138496;         /* Azul informação hover */
    --ztc-info-light: rgba(23, 162, 184, 0.1); /* Azul informação transparente */
    
    /* === CORES DE REDES SOCIAIS === */
    --ztc-facebook: #1877f2;
    --ztc-whatsapp: #25d366;
    --ztc-twitter: #1da1f2;
    --ztc-instagram: #e4405f;
    --ztc-linkedin: #0077b5;
    
    /* === CORES DE BORDAS E DIVISORES === */
    --ztc-border-light: rgba(0, 0, 0, 0.05);    /* Borda muito sutil */
    --ztc-border-normal: rgba(0, 0, 0, 0.08);   /* Borda padrão */
    --ztc-border-medium: rgba(0, 0, 0, 0.12);   /* Borda média */
    --ztc-border-dark: rgba(0, 0, 0, 0.2);      /* Borda escura */
    
    /* === CORES DE SOMBRAS === */
    --ztc-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.05);
    --ztc-shadow-normal: 0 4px 8px rgba(0, 0, 0, 0.1);
    --ztc-shadow-medium: 0 8px 16px rgba(0, 0, 0, 0.15);
    --ztc-shadow-dark: 0 12px 24px rgba(0, 0, 0, 0.2);
    
    /* Sombras com cor da marca */
    --ztc-shadow-brand: 0 4px 12px rgba(203, 205, 48, 0.3);
    --ztc-shadow-brand-hover: 0 8px 20px rgba(203, 205, 48, 0.4);
    
    /* === OVERLAYS E TRANSPARÊNCIAS === */
    --ztc-overlay-light: rgba(255, 255, 255, 0.9);
    --ztc-overlay-dark: rgba(0, 0, 0, 0.5);
    --ztc-overlay-brand: rgba(203, 205, 48, 0.9);
    
    /* === GRADIENTES === */
    --ztc-gradient-brand: linear-gradient(135deg, var(--ztc-bg-bg-3), var(--ztc-bg-bg-4));
    --ztc-gradient-light: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    --ztc-gradient-dark: linear-gradient(135deg, var(--ztc-bg-bg-4), #052a29);
    
    /* === TIPOGRAFIA === */
    
    /* Família de Fontes */
    --ztc-family-font1: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --ztc-family-serif: 'Georgia', 'Times New Roman', serif;
    
    /* Tamanhos de Fonte */
    --ztc-font-size-xs: 12px;
    --ztc-font-size-sm: 14px;
    --ztc-font-size-base: 16px;
    --ztc-font-size-lg: 18px;
    --ztc-font-size-xl: 20px;
    --ztc-font-size-2xl: 24px;
    --ztc-font-size-3xl: 28px;
    --ztc-font-size-4xl: 32px;
    
    /* Pesos de Fonte */
    --ztc-font-weight-light: 300;
    --ztc-font-weight-regular: 400;
    --ztc-font-weight-medium: 500;
    --ztc-font-weight-semibold: 600;
    --ztc-font-weight-bold: 700;
    
    /* Line Heights */
    --ztc-line-height-tight: 1.2;
    --ztc-line-height-normal: 1.5;
    --ztc-line-height-relaxed: 1.6;
    --ztc-line-height-loose: 1.8;
    
    /* === ESPAÇAMENTOS === */
    --ztc-space-xs: 0.25rem;   /* 4px */
    --ztc-space-sm: 0.5rem;    /* 8px */
    --ztc-space-md: 1rem;      /* 16px */
    --ztc-space-lg: 1.5rem;    /* 24px */
    --ztc-space-xl: 2rem;      /* 32px */
    --ztc-space-2xl: 3rem;     /* 48px */
    --ztc-space-3xl: 4rem;     /* 64px */
    
    /* === BORDER-RADIUS === */
    --ztc-radius-sm: 4px;
    --ztc-radius-md: 8px;
    --ztc-radius-lg: 12px;
    --ztc-radius-xl: 16px;
    --ztc-radius-full: 50%;
    
    /* === TRANSIÇÕES === */
    --ztc-transition-fast: 0.15s ease;
    --ztc-transition-normal: 0.3s ease;
    --ztc-transition-slow: 0.5s ease;
    
    /* Transições específicas */
    --ztc-transition-all: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --ztc-transition-transform: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --ztc-transition-colors: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    
    /* === Z-INDEX === */
    --ztc-z-behind: -1;
    --ztc-z-normal: 1;
    --ztc-z-tooltip: 10;
    --ztc-z-sticky: 20;
    --ztc-z-dropdown: 100;
    --ztc-z-overlay: 500;
    --ztc-z-modal: 1000;
    --ztc-z-toast: 1100;
    
    /* === BREAKPOINTS (para referência em CSS) === */
    --ztc-breakpoint-sm: 576px;
    --ztc-breakpoint-md: 768px;
    --ztc-breakpoint-lg: 992px;
    --ztc-breakpoint-xl: 1200px;
    --ztc-breakpoint-2xl: 1400px;
}

/* === CLASSES UTILITÁRIAS === */

/* Cores de texto */
.text-brand { color: var(--ztc-bg-bg-3) !important; }
.text-brand-dark { color: var(--ztc-bg-bg-4) !important; }
.text-primary-custom { color: var(--ztc-text-text-2) !important; }
.text-secondary-custom { color: var(--ztc-text-text-3) !important; }
.text-muted-custom { color: var(--ztc-text-text-4) !important; }

/* Cores de fundo */
.bg-brand { background-color: var(--ztc-bg-bg-3) !important; }
.bg-brand-dark { background-color: var(--ztc-bg-bg-4) !important; }
.bg-light-custom { background-color: var(--ztc-bg-bg-2) !important; }

/* Gradientes */
.bg-gradient-brand { background: var(--ztc-gradient-brand) !important; }
.bg-gradient-light { background: var(--ztc-gradient-light) !important; }

/* Sombras */
.shadow-brand { box-shadow: var(--ztc-shadow-brand) !important; }
.shadow-brand-hover:hover { box-shadow: var(--ztc-shadow-brand-hover) !important; }

/* Bordas */
.border-brand { border-color: var(--ztc-bg-bg-3) !important; }
.border-light-custom { border-color: var(--ztc-border-light) !important; }

/* === MODO ESCURO (para futuro uso) === */
@media (prefers-color-scheme: dark) {
    :root {
        /* Cores invertidas para modo escuro */
        --ztc-text-text-1: #030E0F;
        --ztc-text-text-2: #ffffff;
        --ztc-text-text-3: #e9ecef;
        --ztc-bg-bg-1: #1a1a1a;
        --ztc-bg-bg-2: #2d3748;
        
        /* Ajustar sombras para modo escuro */
        --ztc-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.3);
        --ztc-shadow-normal: 0 4px 8px rgba(0, 0, 0, 0.4);
        --ztc-shadow-medium: 0 8px 16px rgba(0, 0, 0, 0.5);
    }
}

/* === ACESSIBILIDADE === */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.sr-only-focusable:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: inherit !important;
    margin: inherit !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
}

/* === IMPRESSÃO === */
@media print {
    :root {
        /* Otimizar cores para impressão */
        --ztc-bg-bg-3: #000000;
        --ztc-text-text-2: #000000;
        --ztc-text-text-3: #333333;
        
        /* Remover sombras na impressão */
        --ztc-shadow-light: none;
        --ztc-shadow-normal: none;
        --ztc-shadow-medium: none;
        --ztc-shadow-dark: none;
    }
}