/* ===================================================
   PALETA DARK LUXURY & ARCHITECTURAL GLASS — TECNOPISOS
   =================================================== */
:root {
    /* Cores de Fundo & Superfícies */
    --bg-main: #090B0E;
    --bg-header: rgba(10, 13, 18, 0.82);
    --bg-card: rgba(16, 20, 28, 0.72);
    --bg-card-hover: rgba(22, 28, 38, 0.85);
    --bg-modal: rgba(13, 16, 23, 0.97);
    --bg-input: rgba(255, 255, 255, 0.05);
    --bg-input-focus: rgba(255, 255, 255, 0.09);

    /* Bordas & Efeitos de Vidro */
    --glass-border: rgba(255, 255, 255, 0.12);
    --glass-border-light: rgba(255, 255, 255, 0.06);
    --glass-border-focus: rgba(226, 232, 240, 0.45);
    --glass-shine: inset 0 1px 0 rgba(255, 255, 255, 0.15);

    /* Tipografia & Contrastes */
    --text-pure: #FFFFFF;
    --text-primary: #F1F5F9;
    --text-secondary: #CBD5E1;
    --text-muted: #94A3B8;

    /* Acentos Metálicos & Identidade Neutra (Zero Laranja) */
    --metallic-silver: #E2E8F0;
    --metallic-glow: rgba(226, 232, 240, 0.25);
    --surface-dark: #12161F;

    /* WhatsApp & Conversão Esmeralda */
    --accent-whatsapp: #10B981;
    --accent-whatsapp-hover: #059669;
    --accent-whatsapp-glow: rgba(16, 185, 129, 0.4);

    /* Imagem de Fundo Hero */
    --bg-hero: url('../assets/fundo.jpg');
}