:root {
    /* ===== CORES PRINCIPAIS E IDENTIDADE ===== */
    --primary: #013451;
    --primary-hover: #012f4a;
    --primary-deep: #001a4d;

    /* ===== ACENTOS DINÂMICOS ===== */
    --secondary: #fd9422;
    --accent-gold: #d4af37;
    --accent-success: #10b981;
    --accent-orange: #fd9422;
    --accent-orange-hover: #e67a00;
    --accent-blue-nav: #2ea3f2;
    --accent-orange-alt: #e09900;
    --accent-orange-map: #fd9422;

    /* ===== CORES DE TEXTO ===== */
    --text-dark: #1e293b;
    --text-graphite: #334155;
    --text-muted: #64748b;
    --text-light-gray: #94a3b8;
    --text-subtle: #cbd5e1;
    --text-meta: #64748b;
    --text-link-gray: #475569;
    --text-main: #666666;
    --text-heading: #333333;
    --text-blue-dark: #010a44;
    --text-sub-nav: #013451;
    --text-sub-menu: #1c1c1c;
    --text-gray-light: #cccccc;
    --text-gray-dimmed: #777777;
    --text-footer-bottom: #000214;
    --text-body: #666;
    --text-white: #ffffff;
    --text-footer-muted: #ccc;
    --text-feature: #555;
    --text-service: #777;

    /* ===== FUNDOS E SUPERFÍCIES ===== */
    --bg-light: #f8fafc;
    --bg-warm-paper: #fdfbf7;
    --bg-white: #ffffff;
    --bg-dark-hero: #090d16;
    --bg-darker-hero: #111827;
    --bg-footer: #090d16;
    --bg-footer-main: #000726;
    --bg-footer-bottom: #fd9422;
    --bg-hover-tint: #f1f5f9;
    --bg-active-tint: #e2e8f0;
    --bg-alt-tint: #f8fafc;
    --bg-ad-tint: #f8fafc;
    --bg-carousel: rgba(0, 51, 153, 0.9);
    --bg-service-card: #f9f9f9;
    --bg-header-rgba: rgba(255, 255, 255, 0.89);
    --bg-header-scrolled: rgba(255, 255, 255, 0.95);
    --bg-black: #000;
    --bg-dark-blue: #010a44;
    --bg-white-transparent: rgba(255, 255, 255, 0.95);
    --bg-hover-subtle: rgba(0, 0, 0, 0.03);
    --bg-arrow-hover: rgba(0, 0, 0, 0.05);

    /* ===== BORDAS E SUTILEZAS ===== */
    --border-color: #e2e8f0;
    --border-dashed: #cbd5e1;
    --border-subtle: rgba(0, 0, 0, 0.04);
    --border-light-gray: #eeeeee;
    --border-light: #eee;
    --border-header: rgba(0, 0, 0, 0.1);
    --border-mobile: rgba(0, 0, 0, 0.05);

    /* ===== BORDER RADIUS ===== */
    --radius: 6px;
    --radius-lg: 10px;
    --radius-pill: 30px;
    --radius-md: 12px;
    --radius-xl: 15px;
    --radius-2xl: 16px;
    --radius-3xl: 20px;
    --radius-badge: 14px;
    --radius-sm: 2px;

    /* ===== SOMBRAS ===== */
    --shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
    --shadow-menu: -8px 0 30px rgba(15, 23, 42, 0.08);
    --shadow-dropdown: 0 12px 40px rgba(15, 23, 42, 0.1);
    --shadow-header: 0 0 7px rgba(0, 0, 0, 0.1);
    --shadow-header-line: 0 1px 0 rgba(0, 0, 0, 0.1);
    --shadow-submenu: 0 2px 5px rgba(0, 0, 0, 0.1);
    --shadow-card: 0 4px 15px rgba(0, 0, 0, 0.2);
    --shadow-card-hover: 0 12px 30px rgba(0, 0, 0, 0.08);
    --shadow-portfolio: 0 10px 30px rgba(0, 0, 0, 0.3);
    --shadow-portfolio-hover: 0 15px 40px rgba(253, 135, 1, 0.2);
    --shadow-btn-orange: 0 12px 18px -6px rgba(253, 135, 1, 0.5);
    --shadow-text: 0 0 0.3em rgba(0, 0, 0, 0.4);
    --shadow-title: 0.08em 0.08em 0em rgba(0, 0, 0, 0.4);

    /* ===== TRANSIÇÕES ===== */
    --transition-smooth: all 0.2s ease-in-out;
    --transition-fast: all 0.3s ease;
    --transition-medium: all 0.4s;
    --transition-color: color 0.3s ease;
    --transition-slow: all 0.5s ease;

    /* ===== TIPOGRAFIA ===== */
    --font-primary: 'Open Sans', Arial, sans-serif;
    --font-secondary: 'Montserrat', Helvetica, Arial, sans-serif;
    --font-heading: 'Poppins', Helvetica, Arial, sans-serif;
    --font-nav: 'Asap', Helvetica, Arial, sans-serif;
    --font-size-base: 14px;
    --line-height-base: 1.7;
    --font-weight-base: 500;

    /* ===== ESPAÇAMENTOS ===== */
    --container-width: 90%;
    --container-max-width: 90%;
    --section-padding: 60px 0;
    --section-padding-lg: 80px 0;

    /* ===== Z-INDEX ===== */
    --z-header: 1049;
    --z-submenu: 9999;
    --z-skip: 100;
    --z-hero-overlay: 2;
    --z-strategy-bottom: 1;
    --z-strategy-btn: 3;

    /* ===== LGPD ===== */
    --lgpd-bg: #fdfbf7;
    --lgpd-text: #1e293b;
    --lgpd-text-muted: #334155;
    --lgpd-border: #3f3f46;
    --lgpd-primary: #013451;
    --lgpd-primary-hover: #012f4a;
    --lgpd-link: #013451;
    --lgpd-link-hover: #012f4a;
    --lgpd-radius: 8px;
    --lgpd-font:
        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

    --padding-top-all: 120px;

    /* Footer */
    --bg-footer-deep: #020926;
    --bg-footer-social: #2b3d8f;
    --border-footer-location: #334155;

    /* AMD / Marketing */
    --bg-amd-hero-text: #0b1f36;
    --text-amd-body: #4a5568;
    --text-amd-muted: #718096;
    --bg-amd-dream: #f8fafc;
    --page-badge-bg: #ff7a00;

    /* WhatsApp / Social */
    --whatsapp: #25d366;
    --whatsapp-hover: #1ebe5d;
    --whatsapp-alt: #4cd964;
    --whatsapp-alt-hover: #44c75b;

    /* Faq / Card portfólio */
    --faq-title: #1e1e1e;
    --faq-text: #555555;
    --faq-text-alt: #555555;

    /* Clientes / Portfólio masonry */
    --bg-client-footer: #0b172a;
    --bg-image-wrapper: #000000;
    --border-client-footer: #0b172a;

    /* Sombras específicas */
    --shadow-faq-card: 0 10px 25px rgba(0, 0, 0, 0.2);
    --shadow-btn-whatsapp: 0 4px 12px rgba(76, 217, 100, 0.4);
    --shadow-whatsapp-card: 0 4px 10px rgba(0, 0, 0, 0.15);
    --shadow-plans-hero-img: 0 20px 30px rgba(0, 0, 0, 0.35);
    --shadow-plans-tab-active: 0 15px 30px rgba(0, 0, 0, 0.25);
    --shadow-amd-card: 0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-portfolio-card: 0 4px 20px rgba(15, 23, 42, 0.05);

    /* Cartão de cliente (portfólio dedicado) */
    --bg-dark-blue-alt: #0a196f;
    --shadow-client-card: 0 12px 35px rgba(0, 0, 0, 0.06);
    --border-client-card: rgba(0, 0, 0, 0.04);
    --shadow-client-card-hover: 0 18px 45px rgba(0, 0, 0, 0.1);
    --shadow-client-logo: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-img-wrapper: 0 4px 12px rgba(0, 0, 0, 0.03);
    --plans-overlay-blue: rgba(12, 113, 195, 0.57);

    /* Superfícies translúcidas de formulário (planos) */
    --plan-form-bg: rgba(0, 0, 0, 0.04);
    --plan-form-border: rgba(0, 0, 0, 0.12);
    --plan-input-border: rgba(0, 0, 0, 0.25);
    --plan-input-bg: rgba(0, 0, 0, 0.08);
    --plan-input-bg-focus: rgba(0, 0, 0, 0.12);
    --plan-placeholder: rgba(0, 0, 0, 0.6);
    --plan-group-border: rgba(0, 0, 0, 0.15);

    /* Gradiente avatar FAQ */
    --avatar-gradient-from: #e67a00;
    --avatar-gradient-to: #fd9422;
}