/*
Theme Name: SeaKay Infra Solutions
Theme URI: https://seakayinfrasolutions.com
Author: SeaKay Infra Solutions
Author URI: https://seakayinfrasolutions.com
Description: Premium custom WordPress theme for SeaKay Infra Solutions — a construction & infrastructure equipment rental company. Built with Bootstrap 5.3, AOS, Swiper.js and full ACF Pro / CPT UI / Elementor Pro compatibility.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: seakay
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ==========================================================================
   Global Design Tokens
   ========================================================================== */
:root {
    --sk-primary: #0A243F;
    --sk-secondary: #1A658B;
    --sk-accent: #FAB239;
    --sk-white: #FFFFFF;
    --sk-light: #F5F7FA;
    --sk-gray-600: #5A6B7B;
    --sk-dark-overlay: rgba(10, 36, 63, 0.75);

    --sk-font-heading: 'Poppins', sans-serif;
    --sk-font-body: 'Inter', sans-serif;

    --sk-radius-sm: 8px;
    --sk-radius-md: 16px;
    --sk-radius-lg: 24px;
    --sk-radius-pill: 999px;

    --sk-shadow-sm: 0 4px 12px rgba(10, 36, 63, 0.08);
    --sk-shadow-md: 0 12px 32px rgba(10, 36, 63, 0.12);
    --sk-shadow-lg: 0 24px 48px rgba(10, 36, 63, 0.18);

    --sk-transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

body {
    font-family: var(--sk-font-body);
    color: var(--sk-primary);
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6,
.sk-heading-font {
    font-family: var(--sk-font-heading);
    font-weight: 600;
    color: var(--sk-primary);
}

a {
    text-decoration: none;
    transition: var(--sk-transition);
}

img { max-width: 100%; height: auto; display: block; }

.container-fluid.sk-container {
    padding-left: 6%;
    padding-right: 6%;
}

@media (max-width: 991px) {
    .container-fluid.sk-container { padding-left: 4%; padding-right: 4%; }
}
@media (max-width: 575px) {
    .container-fluid.sk-container { padding-left: 20px; padding-right: 20px; }
    html { overflow-x: hidden; }
    body { overflow-x: hidden; }
}