/**
 * PardePlus design tokens.
 * Values are extracted from the Phase 1 homepage reference and intentionally
 * limited to primitives that are already repeated in the source design.
 */

@font-face {
    font-family: "Yekan Bakh";
    src: url("../fonts/YekanBakhFaNum-VF.woff2") format("woff2"),
         url("../fonts/YekanBakhFaNum-VF.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 950;
    font-stretch: 62.5% 150%;
    font-display: swap;
}

@font-face {
    font-family: "Morabba";
    src: url("../fonts/MorabbaVF.woff2") format("woff2"),
         url("../fonts/MorabbaVF.ttf") format("truetype");
    font-style: normal;
    font-weight: 250 900;
    font-display: swap;
}

:root {
    --pp-color-primary: #8f1a1c;
    --pp-color-secondary: #000101;
    --pp-color-text: #767676;
    --pp-color-accent: #eacb9a;
    --pp-color-accent-text: #94703c;
    --pp-color-cream: #f8eedf;
    --pp-color-surface: #ffffff;
    --pp-color-page: #FDFBF7;
    --pp-color-surface-soft: rgb(248 238 223 / 25%);
    --pp-color-border: #d9d9d9;
    --pp-color-muted: #666666;
    --pp-color-focus: #8f1a1c;

    --pp-font-body: "Yekan Bakh", Tahoma, Arial, sans-serif;
    --pp-font-display: "Yekan Bakh", Tahoma, Arial, sans-serif;

    --pp-text-xs: 0.75rem;
    --pp-text-sm: 0.875rem;
    --pp-text-base: 1rem;
    --pp-text-lg: 1.125rem;
    --pp-text-xl: 1.5rem;
    --pp-text-2xl: 1.875rem;
    --pp-text-display: 3.125rem;

    --pp-leading-tight: 1.25;
    --pp-leading-normal: 1.75;

    --pp-space-1: 0.25rem;
    --pp-space-2: 0.5rem;
    --pp-space-3: 0.75rem;
    --pp-space-4: 1rem;
    --pp-space-5: 1.25rem;
    --pp-space-6: 1.5rem;
    --pp-space-8: 2rem;
    --pp-space-10: 2.5rem;
    --pp-space-12: 3rem;
    --pp-space-16: 4rem;
    --pp-space-20: 5rem;

    --pp-radius-sm: 0.5rem;
    --pp-radius-md: 0.75rem;
    --pp-radius-lg: 1rem;
    --pp-radius-pill: 999px;

    --pp-shadow-soft: 0 0.5rem 2rem rgb(0 0 0 / 8%);
    --pp-transition-fast: 180ms ease;
    --pp-transition-base: 300ms ease;

    --pp-container-max: 1280px;
    --pp-gutter: 16px;
    --pp-section-space: clamp(3.5rem, 6vw, 6rem);
    --pp-page-footer-gap: 1.5rem;
}