/**
 * IPNA News v2
 * DBL-001 — Modern Persian Sports News
 *
 * Visual baseline:
 * approved IPNA homepage reference.
 *
 * Mobile-first / RTL-first.
 */

:root {

    /* ======================================================
       BRAND
       ====================================================== */

    --ipna-color-primary: #074bb1;
    --ipna-color-primary-hover: #063f94;
    --ipna-color-primary-active: #05377f;

    --ipna-color-accent: #e31e24;
    --ipna-color-live: #e31e24;

    /* ======================================================
       NEUTRALS
       ====================================================== */

    --ipna-color-white: #ffffff;
    --ipna-color-black: #111111;

    --ipna-color-text: #151515;
    --ipna-color-text-strong: #0d0d0d;
    --ipna-color-text-muted: #6b7280;
    --ipna-color-text-soft: #8a8f98;

    --ipna-color-surface: #ffffff;
    --ipna-color-surface-soft: #f5f6f8;
    --ipna-color-surface-muted: #eef1f5;

    --ipna-color-border: #e3e6ea;
    --ipna-color-border-strong: #d6dae0;

    /* ======================================================
       SEMANTIC
       ====================================================== */

    --ipna-color-success: #16803c;
    --ipna-color-warning: #b77900;
    --ipna-color-danger: #c62828;

    /* ======================================================
       TYPOGRAPHY
       ====================================================== */

    --ipna-font-family:
        "IRANSansWeb",
        "IRANSans",
        "Vazirmatn",
        Tahoma,
        Arial,
        sans-serif;

    --ipna-font-weight-regular: 400;
    --ipna-font-weight-medium: 500;
    --ipna-font-weight-semibold: 600;
    --ipna-font-weight-bold: 700;
    --ipna-font-weight-black: 800;

    --ipna-font-size-10: 0.625rem;
    --ipna-font-size-11: 0.6875rem;
    --ipna-font-size-12: 0.75rem;
    --ipna-font-size-13: 0.8125rem;
    --ipna-font-size-14: 0.875rem;
    --ipna-font-size-15: 0.9375rem;
    --ipna-font-size-16: 1rem;
    --ipna-font-size-18: 1.125rem;
    --ipna-font-size-20: 1.25rem;
    --ipna-font-size-22: 1.375rem;
    --ipna-font-size-24: 1.5rem;
    --ipna-font-size-28: 1.75rem;
    --ipna-font-size-32: 2rem;
    --ipna-font-size-36: 2.25rem;

    --ipna-line-height-compact: 1.35;
    --ipna-line-height-tight: 1.5;
    --ipna-line-height-normal: 1.75;
    --ipna-line-height-relaxed: 1.9;

    /* compatibility aliases */
    --ipna-font-size-xs: var(--ipna-font-size-12);
    --ipna-font-size-sm: var(--ipna-font-size-14);
    --ipna-font-size-md: var(--ipna-font-size-16);
    --ipna-font-size-lg: var(--ipna-font-size-18);
    --ipna-font-size-xl: var(--ipna-font-size-22);
    --ipna-font-size-2xl: var(--ipna-font-size-28);
    --ipna-font-size-3xl: var(--ipna-font-size-36);

    /* ======================================================
       SPACING
       ====================================================== */

    --ipna-space-1: 4px;
    --ipna-space-2: 8px;
    --ipna-space-3: 12px;
    --ipna-space-4: 16px;
    --ipna-space-5: 20px;
    --ipna-space-6: 24px;
    --ipna-space-7: 28px;
    --ipna-space-8: 32px;
    --ipna-space-9: 36px;
    --ipna-space-10: 40px;
    --ipna-space-12: 48px;
    --ipna-space-14: 56px;
    --ipna-space-16: 64px;

    /* ======================================================
       DBL-001 LAYOUT
       ====================================================== */

    --ipna-container-max: 1180px;

    --ipna-container-gutter: 16px;
    --ipna-grid-gap: 16px;

    --ipna-section-gap: 32px;
    --ipna-section-gap-large: 48px;

    --ipna-header-utility-height: 32px;
    --ipna-header-brand-height: 76px;
    --ipna-header-nav-height: 46px;
    --ipna-livebar-height: 54px;

    --ipna-card-gap: 16px;

    /* ======================================================
       RADIUS
       ====================================================== */

    --ipna-radius-xs: 3px;
    --ipna-radius-sm: 5px;
    --ipna-radius-md: 8px;
    --ipna-radius-lg: 10px;
    --ipna-radius-xl: 14px;
    --ipna-radius-pill: 999px;

    /* ======================================================
       SHADOW
       ====================================================== */

    --ipna-shadow-xs:
        0 1px 2px rgba(15, 23, 42, 0.04);

    --ipna-shadow-sm:
        0 2px 8px rgba(15, 23, 42, 0.06);

    --ipna-shadow-md:
        0 8px 24px rgba(15, 23, 42, 0.08);

    --ipna-shadow-dropdown:
        0 12px 32px rgba(15, 23, 42, 0.12);

    /* ======================================================
       MEDIA
       ====================================================== */

    --ipna-ratio-hero: 16 / 9;
    --ipna-ratio-card: 16 / 10;
    --ipna-ratio-square: 1 / 1;

    /* ======================================================
       MOTION
       ====================================================== */

    --ipna-duration-fast: 150ms;
    --ipna-duration-normal: 220ms;
    --ipna-duration-slow: 320ms;

    --ipna-ease-standard:
        cubic-bezier(0.2, 0, 0, 1);

    /* ======================================================
       Z INDEX
       ====================================================== */

    --ipna-z-base: 1;
    --ipna-z-header: 100;
    --ipna-z-dropdown: 200;
    --ipna-z-overlay: 500;
    --ipna-z-modal: 1000;
}


/* Tablet */
@media (min-width: 768px) {

    :root {
        --ipna-container-gutter: 24px;
        --ipna-grid-gap: 20px;

        --ipna-section-gap: 40px;
        --ipna-section-gap-large: 56px;
    }

}


/* Desktop */
@media (min-width: 1200px) {

    :root {
        --ipna-container-gutter: 24px;
        --ipna-grid-gap: 24px;

        --ipna-section-gap: 44px;
        --ipna-section-gap-large: 64px;
    }

}
/* IPNA v2 Design System v1 — internal-page extensions. */
:root {
    --ipna-color-page: var(--ipna-color-surface-soft);
    --ipna-color-card: var(--ipna-color-surface);
    --ipna-color-border-subtle: var(--ipna-color-border);
    --ipna-radius-card: var(--ipna-radius-md);
    --ipna-radius-image: var(--ipna-radius-sm);
    --ipna-radius-button: var(--ipna-radius-sm);
    --ipna-shadow-card: var(--ipna-shadow-sm);
    --ipna-shadow-card-hover: var(--ipna-shadow-md);
    --ipna-content-max: 880px;
    --ipna-internal-max: 1120px;
    --ipna-internal-article-max: 1440px;
    --ipna-internal-sidebar: 278px;
    --ipna-internal-gap: 14px;
    --ipna-ratio-list: 16 / 10;
    --ipna-ratio-video: 16 / 9;
    --ipna-ratio-gallery: 1 / .78;
}
/* R06K-33 shared homepage container contract for internal pages. */
:root {
    --ipna-home-outer-max: 1600px;
    --ipna-internal-grid-gap: var(--ipna-grid-gap);
}
/* R06K-33 Editorial Rich Text System tokens. */
:root {
    --ipna-editorial-red-soft: #fff4f4;
    --ipna-editorial-blue-soft: #f1f6fc;
    --ipna-editorial-neutral-soft: #f6f8fb;
    --ipna-editorial-border: #dfe6ef;
    --ipna-editorial-accent-width: 4px;
    --ipna-editorial-radius: var(--ipna-radius-sm);
    --ipna-editorial-padding: 20px;
    --ipna-editorial-gap: 12px;
    --ipna-editorial-number: clamp(1.8rem, 4vw, 2.6rem);
}