/* ============================================================================
   ASPRYDE DYNAMIC THEME — Generated 2026-04-15 17:54:30
   This file is generated dynamically from admin settings.
   To update: save settings in Admin → Settings → Appearance
   ============================================================================ */

/* ── Google Fonts Import (dynamic) ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ── Override CSS Variables ── */
:root {
    /* Accent Colors */
    --accent-primary:       #059669;
    --accent-primary-hover: color-mix(in srgb, #059669 85%, black);
    --accent-primary-light: color-mix(in srgb, #059669 12%, white);
    --accent-primary-dark:  color-mix(in srgb, #059669 70%, black);
    --accent-secondary:     #0891B2;

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #059669 0%, #0891B2 100%);
    --gradient-dark:    linear-gradient(135deg,
        color-mix(in srgb, #059669 80%, black) 0%,
        color-mix(in srgb, #0891B2 80%, black) 100%
    );

    /* Success */
    --success:       #059669;
    --success-light: color-mix(in srgb, #059669 12%, white);
    --success-dark:  color-mix(in srgb, #059669 75%, black);

    /* Text */
    --text-primary:   #064E3B;
    --text-secondary: #4B5563;

    /* Backgrounds */
    --bg-primary:   #F0FDF4;
    --bg-secondary: color-mix(in srgb, #F0FDF4 92%, #059669);
    --bg-card:      #FFFFFF;
    --bg-tertiary:  color-mix(in srgb, #F0FDF4 80%, #059669);

    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size-base: 16px;
    --leading-body: 1.625;
    --font-weight-heading: 700;

    /* Layout */
    --container-xl: 1280px;
    --section-padding: 80px;

    /* Border Radius */
    --radius-card:   16px;
    --radius-btn:    8px;
    --radius-xl:     16px;
    --radius-2xl:    20px;
    --radius-lg:     12px;

    /* Animations */
    --anim-duration: 550ms;
    --transition-base: 183.33333333333ms ease;
    --transition-fast: 137.5ms ease;
    --transition-slow: 550ms ease;
}

/* ── Dark mode overrides ── */
:root[data-theme="dark"] {
    --accent-primary:       color-mix(in srgb, #059669 80%, white);
    --accent-primary-light: color-mix(in srgb, #059669 18%, #0F172A);
    --gradient-primary: linear-gradient(135deg,
        color-mix(in srgb, #059669 80%, white) 0%,
        color-mix(in srgb, #0891B2 80%, white) 100%
    );
}

/* ── Apply dynamic heading font ── */
h1, h2, h3, h4, h5, h6,
.hero-title, .section-title, .page-title,
.navbar-brand-text, .team-name, .service-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-heading);
}

body {
    font-family: var(--font-sans);
    font-size: var(--font-size-base);
    line-height: var(--leading-body);
}

/* ── Dynamic section padding ── */
.section {
    padding: var(--section-padding) 0;
}

/* ── Dynamic container width ── */
.container {
    max-width: var(--container-xl);
}

/* ── Dynamic card radius ── */
.card, .dashboard-card {
    border-radius: var(--radius-card);
}

/* ── Dynamic button radius ── */
.btn {
    border-radius: var(--radius-btn);
}

/* ── Dynamic animation duration ── */
.animate-on-scroll {
    transition:
        opacity var(--anim-duration) cubic-bezier(.4,0,.2,1),
        transform var(--anim-duration) cubic-bezier(.4,0,.2,1);
}

/* ── Disable animations if turned off ── */

/* ── Sticky header ── */
.navbar { position: fixed; }

/* ── Transparent header option ── */

/* ── Boxed layout ── */

/* ── Custom CSS from admin ── */