/*
Theme Name: ForgeSaaS
Theme URI: https://ansment.com/themes/forgesass
Author: AnsMent
Author URI: https://ansment.com
Description: Production-ready full SaaS WordPress theme with deep customization. Dark Blue + Deep Dark Blue color scheme, Dark/Light mode toggle, advanced Theme Customizer, multiple page templates, custom post types, SEO optimized, blazing fast, and admin dashboard styling that matches the theme. Perfect for AI tools, SaaS products, agencies, and service businesses. One theme to rule all business types.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: forgesass
Tags: saas, dark-mode, light-mode, customizer, seo, fast, blue-theme, landing-page, templates, custom-post-types, admin-theme
*/

/* =============================================
   FORGESASS - COMPLETE SAAS THEME
   Dark Blue Theme + Full Customizability
   ============================================= */

/* CSS Variables for easy theming (Dark Blue Default) */
:root {
    --color-bg: #0a1628;
    --color-bg-secondary: #0f1f3a;
    --color-surface: #132a4a;
    --color-text: #f1f5f9;
    --color-text-muted: #94a3b8;
    --color-accent: #3b82f6;
    --color-accent-dark: #1e40af;
    --color-border: #1e3a5f;
    --color-success: #22c55e;
}

/* Light Mode Variables - Improved contrast */
html:not(.dark) {
    --color-bg: #f8fafc;
    --color-bg-secondary: #f1f5f9;
    --color-surface: #ffffff;
    --color-text: #0f172a;
    --color-text-muted: #475569;
    --color-accent: #2563eb;
    --color-accent-dark: #1e40af;
    --color-border: #e2e8f0;
    --color-success: #16a34a;
}

/* Base Styles - Performance Optimized */
*, *::before, *::after {
    box-sizing: border-box;
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: var(--color-bg);
    color: var(--color-text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* Smooth Theme Transition */
body, .nav, .card, button, .section {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Header - Matching Reference + SaaS Polish */
.site-header {
    background: rgba(10, 22, 40, 0.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--color-border);
}

html:not(.dark) .site-header {
    background: rgba(255,255,255, 0.95);
    border-bottom: 1px solid #e2e8f0;
}

/* Modern Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    font-size: 0.95rem;
    border-radius: 9999px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    white-space: nowrap;
}

.btn-primary {
    background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));
    color: white;
    box-shadow: 0 10px 15px -3px rgb(59 130 246 / 0.3);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 25px -5px rgb(59 130 246 / 0.4);
}

.btn-secondary {
    background: transparent;
    color: var(--color-text);
    border: 1px solid var(--color-border);
}

.btn-secondary:hover {
    background: var(--color-surface);
    border-color: var(--color-accent);
}

/* Cards - Works in both modes */
.card {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), 
                box-shadow 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
    color: var(--color-text);
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

/* Improve text contrast in light mode cards */
html:not(.dark) .card h3,
html:not(.dark) .card p {
    color: #1e2937;
}

/* Section Headings */
.section-title {
    font-size: clamp(2.25rem, 5vw, 3.5rem);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.04em;
}

/* Theme Toggle Button */
.theme-toggle {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text);
    transition: all 0.2s ease;
}

.theme-toggle:hover {
    background: var(--color-accent);
    color: white;
    border-color: var(--color-accent);
}

/* ========== FINAL LIGHT MODE TEXT FIX (High Contrast - Dark Text) ========== */
html:not(.dark) body,
html:not(.dark) p,
html:not(.dark) h1,
html:not(.dark) h2,
html:not(.dark) h3,
html:not(.dark) h4,
html:not(.dark) a,
html:not(.dark) span,
html:not(.dark) li,
html:not(.dark) .card,
html:not(.dark) .card * {
    color: #0f172a !important;
}

html:not(.dark) .text-white\/70,
html:not(.dark) .text-white\/60,
html:not(.dark) .text-white\/80 {
    color: #475569 !important;
}

/* SEO Friendly & Performance */
img, video, iframe {
    max-width: 100%;
    height: auto;
}

/* Admin Bar Fix */
#wpadminbar {
    background: var(--color-bg) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .section-title {
        font-size: 2.25rem;
    }
}