/* ----------------------------------

Template Name: Anaton - SaaS Landing Page Template
Author: validtheme
Description:
Version: 1.0

Main Font    : Outfit
Main Color   : #ff8a43

-------------------------------------

[Typography]

Body copy:    15px 'Outfit', sans-serif
Header:     36px 'Outfit', sans-serif
Input, textarea:  16px 'Outfit', sans-serif
Sidebar heading:  22px 'Outfit', sans-serif

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
        - Accordion
        - Tabs
    02. Preloader
    03 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
    04. Banner
        - Content Double (Version One)
        - Software Banner (Version Two)
        - Animated Banner (Version Three)
    05. Feature
        - Version One
        - Version Two
        - Version Three
    06. Brand / Partner
    07. Overview / Software Details
    08. Services
        - Version One
        - Version Two
        - Version Three
        - Service Details
    09. World Wide user / Total Customers
    10. Pricing
        - Version One
        - Version Two
        - Version Three
    11. Testimonials
        - Version One
        - Version Two
    12. Faq
        - Version One
        - Version Two
    13. Work Process
    13. Why Choose Us
    15. Sign Up Form
    16. Technology / Featured With
    17. Software Premium Content
    18. Team
    19. Team Details
    20. Projects
    21. Projects Details
    22. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
        - Single
    23. Error 404
    24. Footer
    25. PHP Contact Form
    26. Others

*/

/*
** General Styles for HTML tags
*/

/* ══ Attenova Brand Color Override ═══════════════════════════════════════
   Replaces the template's default orange (#ff8a43) with Attenova sky blue.
   This overrides --color-primary across ALL pages and components.
   ════════════════════════════════════════════════════════════════════════ */
:root {
    --color-primary:   #0ea5e9;   /* sky blue */
    --color-secondary: #38bdf8;   /* lighter sky blue */
}

/* Catch any hardcoded orange that bypasses the variable */
.navbar .attr-right .attr-nav li.button a,
.navbar .attr-right .attr-nav li.button a:hover {
    background: linear-gradient(135deg, #0ea5e9, #38bdf8) !important;
    color: #fff !important;
    border-color: #0ea5e9 !important;
}

.navbar .attr-right .attr-nav li.button a::after {
    background: #38bdf8 !important;
}

/* Preloader color */
.preloader .load_circle {
    border-top-color: #0ea5e9 !important;
}