:root,
[data-theme="dark"] {
    color-scheme: dark;

    --arme-blue: #163f8b;
    --arme-blue-light: #4a74b8;
    --arme-blue-dark: #0f2d63;
    --arme-background: #03060c;
    --arme-background-soft: #07101e;
    --arme-text: #f6f8fd;
    --arme-text-soft: rgba(246, 248, 253, 0.72);
    --arme-muted: rgba(246, 248, 253, 0.46);
    --arme-border: rgba(255, 255, 255, 0.1);
    --arme-surface: rgba(255, 255, 255, 0.045);
    --arme-nav-link: rgba(255, 255, 255, 0.75);
    --arme-nav-link-hover: #ffffff;
    --arme-menu-fg: #ffffff;
    --arme-menu-bg: rgba(255, 255, 255, 0.025);
    --arme-menu-bg-hover: rgba(22, 63, 139, 0.18);
    --arme-menu-border-hover: rgba(74, 116, 184, 0.55);
    --arme-button-secondary-fg: rgba(255, 255, 255, 0.86);
    --arme-button-secondary-bg: rgba(255, 255, 255, 0.035);
    --arme-stat-value: #ffffff;
    --arme-stat-label: rgba(246, 248, 253, 0.62);
    --arme-stat-icon: #c5d4ea;
    --arme-stat-divider: rgba(255, 255, 255, 0.1);
    --arme-stats-border: rgba(255, 255, 255, 0.08);
    --arme-stats-bg: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0.08),
        rgba(255, 255, 255, 0.035)
    );
    --arme-stats-shadow: 0 12px 36px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    --arme-drag-hint: rgba(255, 255, 255, 0.38);
    --arme-noise-opacity: 0.025;
    --arme-hero-bg:
        radial-gradient(
            circle at 48% 100%,
            rgba(22, 63, 139, 0.12),
            transparent 35%
        ),
        linear-gradient(
            115deg,
            #020409 0%,
            #050b15 48%,
            #071321 75%,
            #020409 100%
        );
    --arme-hero-grid: rgba(74, 116, 184, 0.05);
    --arme-hero-veil:
        linear-gradient(
            90deg,
            rgba(2, 4, 9, 0.72) 0%,
            rgba(2, 4, 9, 0.38) 32%,
            rgba(2, 4, 9, 0.12) 48%,
            transparent 68%
        ),
        linear-gradient(
            180deg,
            rgba(2, 4, 9, 0.12),
            transparent 38%,
            rgba(2, 4, 9, 0.4)
        );
    --arme-hero-veil-mobile:
        linear-gradient(
            180deg,
            rgba(2, 4, 9, 0.35),
            rgba(2, 4, 9, 0.78) 43%,
            transparent 68%
        );
    --arme-title-accent:
        linear-gradient(
            105deg,
            #ffffff 10%,
            #c8d8f4 48%,
            #6e92c8 100%
        );
    --arme-logo-glow: 0 0 28px rgba(22, 63, 139, 0.35);
    --arme-header-height: 72px;
    --arme-dropdown-bg: rgba(8, 14, 28, 0.92);
    --arme-dropdown-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
    --arme-dropdown-item-hover: rgba(22, 63, 139, 0.28);
    --arme-solutions-bg: #050b15;
    --arme-solutions-card-bg: rgba(255, 255, 255, 0.045);
    --arme-solutions-card-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
    --arme-solutions-blueprint: rgba(74, 116, 184, 0.12);
    --arme-solutions-divider: rgba(255, 255, 255, 0.1);
    --arme-solar-overlay:
        linear-gradient(
            105deg,
            rgba(3, 8, 18, 0.92) 0%,
            rgba(3, 8, 18, 0.72) 32%,
            rgba(3, 8, 18, 0.28) 58%,
            rgba(3, 8, 18, 0.12) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 8, 18, 0.2) 0%,
            transparent 40%,
            rgba(3, 8, 18, 0.35) 100%
        );
    --arme-solar-text: #ffffff;
    --arme-solar-text-soft: rgba(255, 255, 255, 0.86);
    --arme-solar-accent: #4a74b8;
    --arme-solar-callout: rgba(255, 255, 255, 0.92);
    --arme-footer-bg: #12141a;
    --arme-footer-divider: rgba(255, 255, 255, 0.1);
    --arme-footer-link: rgba(246, 248, 253, 0.78);
    --arme-footer-link-hover: #ffffff;
    --arme-clients-bg: #050b15;
    --arme-clients-divider: rgba(255, 255, 255, 0.12);
    --arme-clients-logo-filter: invert(1);
    --arme-clients-logo-opacity: 0.92;
    --arme-hero-frame-bg: #050b15;
    --arme-hero-frame-border: rgba(74, 116, 184, 0.45);
    --arme-mobile-menu-bg: #060a12;
    --arme-mobile-menu-border: rgba(255, 255, 255, 0.1);
    --arme-mobile-menu-link: #ffffff;
    --arme-mobile-menu-muted: rgba(246, 248, 253, 0.55);
    --arme-mobile-menu-bullet: #4a74b8;
    --arme-sistemas-bg: #03060c;
    --arme-sistemas-surface: rgba(255, 255, 255, 0.03);
    --arme-sistemas-border: rgba(255, 255, 255, 0.1);
    --arme-sistemas-number: rgba(74, 116, 184, 0.45);
    --arme-sistemas-blueprint: rgba(74, 116, 184, 0.28);
    --arme-sistemas-cta-bg: #0a101a;
    --arme-sistemas-cta-deco: rgba(74, 116, 184, 0.28);
    --arme-naves-overlay: rgba(3, 6, 12, 0.72);
    --arme-naves-spec-rule: rgba(255, 255, 255, 0.1);
    --arme-civil-overlay: rgba(3, 6, 12, 0.72);
    --arme-metalurgica-overlay: rgba(3, 6, 12, 0.72);
    --page-width: 1440px;
    --page-gutter: 40px;
}

[data-theme="light"] {
    color-scheme: light;

    --arme-blue: #163f8b;
    --arme-blue-light: #2a559e;
    --arme-blue-dark: #0f2d63;
    --arme-background: #eef3fb;
    --arme-background-soft: #f7f9fd;
    --arme-text: #0b1220;
    --arme-text-soft: rgba(11, 18, 32, 0.72);
    --arme-muted: rgba(11, 18, 32, 0.48);
    --arme-border: rgba(15, 40, 90, 0.14);
    --arme-surface: rgba(255, 255, 255, 0.72);
    --arme-nav-link: rgba(11, 18, 32, 0.68);
    --arme-nav-link-hover: #0b1220;
    --arme-menu-fg: #0b1220;
    --arme-menu-bg: rgba(255, 255, 255, 0.7);
    --arme-menu-bg-hover: rgba(22, 63, 139, 0.1);
    --arme-menu-border-hover: rgba(22, 63, 139, 0.45);
    --arme-button-secondary-fg: rgba(11, 18, 32, 0.86);
    --arme-button-secondary-bg: rgba(255, 255, 255, 0.72);
    --arme-stat-value: #163f8b;
    --arme-stat-label: #5a6f8f;
    --arme-stat-icon: #163f8b;
    --arme-stat-divider: rgba(22, 63, 139, 0.12);
    --arme-stats-border: rgba(22, 63, 139, 0.08);
    --arme-stats-bg: #ffffff;
    --arme-stats-shadow: 0 8px 24px rgba(22, 63, 139, 0.08);
    --arme-drag-hint: rgba(11, 18, 32, 0.42);
    --arme-noise-opacity: 0.04;
    --arme-hero-bg:
        radial-gradient(
            circle at 77% 43%,
            rgba(22, 63, 139, 0.16),
            transparent 32%
        ),
        radial-gradient(
            circle at 48% 100%,
            rgba(22, 63, 139, 0.1),
            transparent 40%
        ),
        linear-gradient(
            115deg,
            #e8eef8 0%,
            #f4f7fc 48%,
            #eef3fb 75%,
            #e6edf8 100%
        );
    --arme-hero-grid: rgba(22, 63, 139, 0.07);
    --arme-hero-veil:
        linear-gradient(
            90deg,
            rgba(238, 243, 251, 0.96) 0%,
            rgba(238, 243, 251, 0.72) 28%,
            transparent 53%
        ),
        linear-gradient(
            180deg,
            rgba(238, 243, 251, 0.2),
            transparent 35%,
            rgba(220, 230, 245, 0.55)
        );
    --arme-hero-veil-mobile:
        linear-gradient(
            180deg,
            rgba(238, 243, 251, 0.45),
            rgba(232, 238, 248, 0.85) 43%,
            transparent 68%
        );
    --arme-title-accent:
        linear-gradient(
            105deg,
            #0b1220 10%,
            #163f8b 55%,
            #2a559e 100%
        );
    --arme-logo-glow: 0 0 22px rgba(22, 63, 139, 0.18);
    --arme-dropdown-bg: rgba(255, 255, 255, 0.96);
    --arme-dropdown-shadow: 0 18px 48px rgba(22, 63, 139, 0.14);
    --arme-dropdown-item-hover: rgba(22, 63, 139, 0.08);
    --arme-solutions-bg: #f7f9fd;
    --arme-solutions-card-bg: #ffffff;
    --arme-solutions-card-shadow: 0 16px 40px rgba(22, 63, 139, 0.1);
    --arme-solutions-blueprint: rgba(22, 63, 139, 0.1);
    --arme-solutions-divider: rgba(15, 40, 90, 0.12);
    --arme-solar-overlay:
        linear-gradient(
            105deg,
            rgba(3, 8, 18, 0.92) 0%,
            rgba(3, 8, 18, 0.72) 32%,
            rgba(3, 8, 18, 0.28) 58%,
            rgba(3, 8, 18, 0.12) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 8, 18, 0.2) 0%,
            transparent 40%,
            rgba(3, 8, 18, 0.35) 100%
        );
    --arme-solar-text: #ffffff;
    --arme-solar-text-soft: rgba(255, 255, 255, 0.86);
    --arme-solar-accent: #4a74b8;
    --arme-solar-callout: rgba(255, 255, 255, 0.92);
    --arme-footer-bg: #e8ebf0;
    --arme-footer-divider: rgba(15, 40, 90, 0.14);
    --arme-footer-link: #163f8b;
    --arme-footer-link-hover: #0f2d63;
    --arme-clients-bg: #e8ebf0;
    --arme-clients-divider: rgba(15, 40, 90, 0.14);
    --arme-clients-logo-filter: grayscale(1) invert(0);
    --arme-clients-logo-opacity: 0.72;
    --arme-hero-frame-bg: #f4f7fc;
    --arme-hero-frame-border: rgba(22, 63, 139, 0.28);
    --arme-mobile-menu-bg: #f7f9fd;
    --arme-mobile-menu-border: rgba(15, 40, 90, 0.14);
    --arme-mobile-menu-link: #0b1220;
    --arme-mobile-menu-muted: rgba(11, 18, 32, 0.55);
    --arme-mobile-menu-bullet: #163f8b;
    --arme-sistemas-bg: #eef3fb;
    --arme-sistemas-surface: rgba(255, 255, 255, 0.72);
    --arme-sistemas-border: rgba(15, 40, 90, 0.14);
    --arme-sistemas-number: rgba(22, 63, 139, 0.35);
    --arme-sistemas-blueprint: rgba(22, 63, 139, 0.22);
    --arme-sistemas-cta-bg: #f4f6f9;
    --arme-sistemas-cta-deco: rgba(22, 63, 139, 0.2);
    --arme-naves-overlay: rgba(11, 18, 32, 0.62);
    --arme-naves-spec-rule: rgba(15, 40, 90, 0.14);
    --arme-civil-overlay: rgba(11, 18, 32, 0.62);
    --arme-metalurgica-overlay: rgba(11, 18, 32, 0.62);
}

html {
    color-scheme: dark light;
}