/* Canonical Prodninja token source. Imported exactly by vishwa-os brand-guidelines:prodninja. */
:root {
    --pn-brand-name: "Prodninja";

    --pn-token-bg: #fffaf7;
    --pn-token-bg-subtle: #f7f2ee;
    --pn-token-surface: #ffffff;
    --pn-token-surface-strong: #ffffff;
    --pn-token-text-primary: #181411;
    --pn-token-text-secondary: #5d514b;
    --pn-token-border: #d5c8c0;
    --pn-token-border-soft: #e5dcd6;
    --pn-token-accent: #c63a0f;
    --pn-token-accent-hover: #a8320f;
    --pn-token-accent-rgb: 198, 58, 15;
    --pn-token-shadow: 0 14px 34px rgba(24, 20, 17, 0.10);
    --pn-token-shadow-soft: 0 2px 8px rgba(24, 20, 17, 0.06);
    --pn-token-card-radius: 8px;
    --pn-token-panel-radius: 10px;
    --pn-token-input-radius: 6px;
    --pn-token-pill-radius: 999px;
    --pn-token-cta-height: 44px;
    --pn-token-cta-padding-x: 20px;
    --pn-token-cta-radius: 6px;
    --pn-token-max-width: min(1120px, calc(100% - 40px));
    --pn-token-section-pad: 72px;

    --pn-bg: var(--pn-token-bg);
    --pn-bg-subtle: var(--pn-token-bg-subtle);
    --pn-surface: var(--pn-token-surface);
    --pn-surface-alt: var(--pn-token-bg-subtle);
    --pn-surface-subtle: #fff4ed;
    --pn-text-primary: var(--pn-token-text-primary);
    --pn-text-secondary: var(--pn-token-text-secondary);
    --pn-muted: #76675f;
    --pn-border: var(--pn-token-border);
    --pn-border-soft: var(--pn-token-border-soft);
    --pn-accent: var(--pn-token-accent);
    --pn-accent-hover: var(--pn-token-accent-hover);
    --pn-accent-rgb: var(--pn-token-accent-rgb);
    --pn-brand-orange: var(--pn-token-accent);
    --pn-brand-orange-rgb: var(--pn-token-accent-rgb);
    --pn-success: #087443;
    --pn-warning: #946200;
    --pn-danger: #b42318;
    --pn-success-text: #052814;
    --pn-warning-text: #5a4300;
    --pn-danger-text: #52150e;
    --pn-success-subtle: #f1fbf4;
    --pn-warning-subtle: #fff6e5;
    --pn-danger-subtle: #ffefed;
    --pn-comparison-hover: #faf7f5;
    --pn-comparison-featured: #fff4ef;
    --pn-info: var(--pn-token-text-secondary, #5d514b);
    --pn-shadow: var(--pn-token-shadow);
    --pn-shadow-soft: var(--pn-token-shadow-soft);
    --pn-card-radius: var(--pn-token-card-radius);
    --pn-panel-radius: var(--pn-token-panel-radius);
    --pn-input-radius: var(--pn-token-input-radius);
    --pn-pill-radius: var(--pn-token-pill-radius);

    --pn-font-display: "Segoe UI", "Inter", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
    --pn-font-body: "Segoe UI", "Inter", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
    --pn-type-display: 56px;
    --pn-type-h1: 42px;
    --pn-type-h2: 30px;
    --pn-type-h3: 22px;
    --pn-type-body: 16px;
    --pn-type-small: 14px;
    --pn-type-caption: 12px;
    --pn-weight-regular: 400;
    --pn-weight-medium: 500;
    --pn-weight-semibold: 650;
    --pn-weight-bold: 750;
    --pn-line-tight: 1.08;
    --pn-line-heading: 1.12;
    --pn-line-body: 1.55;
    --pn-page-title-size: var(--pn-type-display);
    --pn-page-title-line: 1.03;
    --pn-section-title-size: var(--pn-type-h1);
    --pn-section-title-line: var(--pn-line-heading);
    --pn-group-title-size: var(--pn-type-h2);
    --pn-card-title-size: var(--pn-type-h3);
    --pn-eyebrow-size: var(--pn-type-small);

    --pn-max-width: min(1120px, calc(100% - 40px));
    --pn-container-pad: 0;
    --pn-section-pad: 72px;
    --pn-grid-gap: 24px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --pn-stack-xs: var(--space-2);
    --pn-stack-sm: var(--space-4);
    --pn-stack-md: var(--space-5);
    --pn-stack-lg: var(--space-7);
    --pn-card-padding: 24px;
    --pn-card-padding-lg: var(--space-6);

    --text-xs: var(--pn-type-caption);
    --text-sm: var(--pn-type-small);
    --text-base: var(--pn-type-body);
    --text-md: 18px;
    --text-lg: var(--pn-type-h3);
    --text-xl: var(--pn-type-h2);
    --text-2xl: var(--pn-type-h1);
    --text-3xl: var(--pn-type-display);

    --pn-cta-bg: #c63a0f;
    --pn-cta-text: #ffffff;
    --pn-cta-border: #c63a0f;
    --pn-cta-hover-bg: #a8320f;
    --pn-cta-hover-text: #ffffff;
    --pn-cta-secondary-bg: #ffffff;
    --pn-cta-secondary-text: #181411;
    --pn-cta-secondary-border: #b8aaa1;
    --pn-cta-height: var(--pn-token-cta-height);
    --pn-cta-padding-x: var(--pn-token-cta-padding-x);
    --pn-cta-radius: var(--pn-token-cta-radius);
    --pn-focus-ring: 0 0 0 3px rgba(var(--pn-token-accent-rgb), 0.22);
    --ease-out: cubic-bezier(.2, .8, .2, 1);
}

@media (max-width: 720px) {
    :root {
        --pn-token-max-width: min(100% - 28px, 1120px);
        --pn-token-section-pad: 56px;
        --pn-max-width: var(--pn-token-max-width);
        --pn-section-pad: var(--pn-token-section-pad);
        --pn-page-title-size: 42px;
        --pn-section-title-size: 34px;
        --pn-group-title-size: 26px;
    }
}