/*
Theme Name: Jumman Nur
Theme URI: https://jummannur.com
Description: Kadence child theme for Jumman Nur For Documents Clearing Services LLC SOC - Professional document clearing and business services
Author: Jumman Nur Team
Author URI: https://jummannur.com
Template: kadence
Version: 1.0.2
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jummannur
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --jn-primary: #1a365d;
    --jn-primary-dark: #0f2744;
    --jn-secondary: #c9a227;
    --jn-secondary-light: #d4b84a;
    --jn-accent: #2d5a87;
    --jn-dark: #0a1628;
    --jn-light: #f8fafc;
    --jn-gray: #64748b;
    --jn-gray-light: #e2e8f0;
    --jn-success: #059669;
    --jn-white: #ffffff;
    --jn-font-heading: 'Playfair Display', serif;
    --jn-font-body: 'Inter', sans-serif;
}

body {
    font-family: var(--jn-font-body);
    color: var(--jn-dark);
    line-height: 1.6;
}

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

a {
    color: var(--jn-accent);
    transition: all 0.3s ease;
}

a:hover {
    color: var(--jn-secondary);
}

.btn-primary {
    background: linear-gradient(135deg, var(--jn-secondary) 0%, var(--jn-secondary-light) 100%);
    color: var(--jn-primary-dark);
    padding: 14px 32px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(201, 162, 39, 0.3);
    color: var(--jn-primary-dark);
}

.btn-secondary {
    background: transparent;
    color: var(--jn-white);
    padding: 14px 32px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 2px solid var(--jn-white);
    transition: all 0.3s ease;
}

.btn-secondary:hover {
    background: var(--jn-white);
    color: var(--jn-primary);
}

.section-padding {
    padding: 100px 0;
}

@media (max-width: 768px) {
    .section-padding {
        padding: 60px 0;
    }
}