/* ============================================================
   Paksa IT Solutions — Design Tokens
   ============================================================ */

:root {
    /* Accessible brand roles (WCAG AA 4.5:1). #6192F8 stays the decorative brand colour;
       text uses --pk-ink and white-text fills use --pk-fill. Dark sections reset these below. */
    --pk-ink: #3366e0;
    --pk-fill: #3b6fe5;
    /* Brand — matches sandybrown-bison-894635.hostingersite.com exactly */
    --pk-primary: var(--wp--preset--color--primary, #6192F8);
    --pk-primary-hover: #2f5fd6; /* deeper hover keeps white text at 5.6:1 */
    --pk-primary-active: #3366e0;
    --pk-secondary: var(--wp--preset--color--secondary, #121619);
    --pk-secondary-hover: #1d2329;
    --pk-accent: var(--wp--preset--color--accent, #6192F8);
    --pk-accent-hover: #4a7ef5;
    --pk-accent-active: #3366e0;
    --pk-accent-light: var(--wp--preset--color--accent-light, #eef3fe);

    /* Background */
    --pk-bg: var(--wp--preset--color--bg, #ffffff);
    --pk-bg-alt: var(--wp--preset--color--bg-alt, #f8f9fc);
    --pk-bg-dark: var(--wp--preset--color--bg-dark, #121619);
    --pk-bg-dark-alt: #1d2329;

    /* Surface */
    --pk-surface: var(--wp--preset--color--surface, #ffffff);
    --pk-surface-elevated: var(--wp--preset--color--surface, #ffffff);
    --pk-surface-dark: var(--wp--preset--color--bg-dark, #1d2329);
    --pk-surface-dark-elevated: #252d36;

    /* Text */
    --pk-text: var(--wp--preset--color--text, #1d1d1d);
    --pk-text-secondary: var(--wp--preset--color--text-secondary, #555f6d);
    --pk-text-muted: #636c78; /* 5.3:1 on white (was #8a94a0, 3.1:1) */
    --pk-text-inverse: var(--wp--preset--color--text-inverse, #ffffff);
    --pk-text-inverse-muted: #a8b3bf;
    --pk-text-link: var(--wp--preset--color--primary, #6192F8);
    --pk-text-link-hover: var(--wp--preset--color--primary-hover, #4a7ef5);

    /* Border */
    --pk-border: var(--wp--preset--color--border, #e6e8ea);
    --pk-border-strong: var(--wp--preset--color--border, #d0d5dd);
    --pk-border-dark: #2d3748;

    /* Semantic */
    --pk-success: var(--wp--preset--color--success, #12b76a);
    --pk-success-bg: #ecfdf3;
    --pk-warning: var(--wp--preset--color--warning, #f79009);
    --pk-warning-bg: #fffaeb;
    --pk-error: var(--wp--preset--color--error, #f04438);
    --pk-error-bg: #fef3f2;
    --pk-info: var(--wp--preset--color--info, #6192F8);
    --pk-info-bg: #eef3fe;

    /* Radius — consistent scale */
    --pk-radius-sm: 6px;
    --pk-radius-md: 10px;
    --pk-radius-lg: 16px;
    --pk-radius-xl: 24px;
    --pk-radius-full: 9999px;

    /* Shadows — tinted to bg hue */
    --pk-shadow-sm: 0 1px 3px rgba(18,22,25,0.06), 0 1px 2px rgba(18,22,25,0.04);
    --pk-shadow-md: 0 4px 16px rgba(18,22,25,0.08);
    --pk-shadow-lg: 0 8px 32px rgba(18,22,25,0.10);
    --pk-shadow-xl: 0 16px 56px rgba(18,22,25,0.14);
    --pk-shadow-blue: 0 8px 32px rgba(97,146,248,0.25);

    /* Spacing (8px grid) */
    --pk-space-1: 0.25rem;
    --pk-space-2: 0.5rem;
    --pk-space-3: 0.75rem;
    --pk-space-4: 1rem;
    --pk-space-5: 1.25rem;
    --pk-space-6: 1.5rem;
    --pk-space-8: 2rem;
    --pk-space-10: 2.5rem;
    --pk-space-12: 3rem;
    --pk-space-16: 4rem;
    --pk-space-20: 5rem;
    --pk-space-24: 6rem;
    --pk-space-32: 8rem;

    /* Container */
    --pk-container: 1200px;
    --pk-container-narrow: 720px;
    --pk-container-wide: 1440px;

    /* Typography — Poppins matches live site */
    --pk-font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Transitions */
    --pk-transition-fast: 150ms ease;
    --pk-transition-base: 250ms ease;
    --pk-transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* On dark backgrounds the original brand blue already passes (6:1), so restore it. */
.site-footer, .section-dark, [class*="-dark"], .pk-prod-single-cta, .pk-cta, .pk-product-visual, .pk-tech-steps, .pk-svc-hero, .pk-svc-stats-bar,
.pk-prods-hero, .pk-prods-process, .pk-prods-custom, .pk-about-hero, .pk-about-cta, .pk-contact-hero, .pk-blog-hero, .pk-blog-cta,
.pk-opensource-hero, .pk-bots-hero, .pk-bot-hero, .pk-bot-pipeline, .pk-404__hero, .pk-sd-hero, .pk-sd-uses, .pk-sd-cta, .cta-global {
    --pk-ink: #6192f8;
    --pk-text-muted: #8a94a0;
}

/* Bot pages: each bot sets --bot-color; derive AA-safe text and fill shades from it. */
[style*="--bot-color"] {
    --bot-ink: color-mix(in srgb, var(--bot-color) 62%, #000);
    --bot-fill: color-mix(in srgb, var(--bot-color) 66%, #000);
}
.pk-bot-hero, .pk-bot-pipeline, .pk-bots-hero { --bot-ink: var(--bot-color); }