/*
Theme Name: Sky Enterprise
Theme URI: https://example.com/sky-enterprise
Author: WorkBuddy
Author URI: https://example.com
Description: A clean, professional enterprise showcase WordPress theme with sky blue and light blue color scheme. Perfect for corporate websites, product showcases, and B2B companies. Supports Gutenberg editor, responsive design, and multilingual ready.
Version: 1.0.0
License: GPL v2 or later
Text Domain: sky-enterprise
Domain Path: /languages
Tags: enterprise, corporate, business, blue, responsive, gutenberg, multilingual, clean, professional, product-showcase

Sky Enterprise WordPress Theme, (C) 2026
Sky Enterprise is distributed under the terms of the GNU GPL v2 or later.
*/

/* ============================================
   CSS Variables & Design Tokens
   ============================================ */
:root {
    /* Primary Colors - Sky Blue Palette */
    --color-primary: #4A90D9;
    --color-primary-dark: #2C6CB0;
    --color-primary-light: #7AB8F5;
    --color-secondary: #5BA0D0;
    --color-accent: #3498DB;

    /* Light Blue Tones */
    --color-light-blue: #EBF5FB;
    --color-pale-blue: #F0F8FF;
    --color-ice-blue: #E3F2FD;

    /* Neutral Colors */
    --color-white: #FFFFFF;
    --color-off-white: #F8FAFC;
    --color-light-gray: #F1F5F9;
    --color-border: #E2E8F0;
    --color-text: #333333;
    --color-text-light: #64748B;
    --color-text-muted: #94A3B8;
    --color-dark: #1E293B;

    /* Functional Colors */
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-error: #EF4444;

    /* Typography */
    --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
    --font-heading: var(--font-primary);

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;
    --spacing-3xl: 6rem;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.15);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Layout */
    --container-max: 1200px;
    --header-height: 80px;
}

/* ============================================
   Reset & Base Styles
   ============================================ */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 1.7;
    color: var(--color-text);
    background-color: var(--color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover {
    color: var(--color-primary-dark);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-dark);
    margin-bottom: var(--spacing-sm);
}

h1 { font-size: 2.75rem; }
h2 { font-size: 2.25rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.375rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

p {
    margin-bottom: var(--spacing-sm);
}

ul, ol {
    margin-bottom: var(--spacing-sm);
    padding-left: var(--spacing-lg);
}

.container {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--spacing-md);
}