@font-face {
    font-family: "Peyda";
    src: url("../../font-peyda/PeydaWeb-SemiBold.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "Peyda";
    src: url("../../font-peyda/PeydaWeb-Bold.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "IRANSansX";
    src: url("../../fonts/woff2/IRANSansX-Regular.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "IRANSansX";
    src: url("../../fonts/woff2/IRANSansX-Medium.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "IRANSansX";
    src: url("../../fonts/woff2/IRANSansX-DemiBold.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "IRANSansX";
    src: url("../../fonts/woff2/IRANSansX-Bold.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "IRANSansXFaNum";
    src: url("../../fonts/woff2/IRANSansXFaNum-Regular.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "IRANSansXFaNum";
    src: url("../../fonts/woff2/IRANSansXFaNum-Medium.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}

:root {
    --palette-mulberry-50: #f4e3eb;
    --palette-mulberry-100: #ebc8d7;
    --palette-mulberry-600: #8e174f;
    --palette-mulberry-800: #6e103c;
    --palette-mulberry-900: #530b2d;
    --palette-terracotta-500: #d96d4e;
    --palette-charcoal-900: #242124;
    --palette-warm-gray-600: #746c70;
    --palette-canvas-50: #f7f1ed;
    --palette-border-200: #dccdd3;
    --palette-white: #ffffff;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;

    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 32px;
    --shadow-soft: 0 8px 30px rgba(69, 25, 43, 0.06);
    --shadow-raised: 0 18px 50px rgba(69, 25, 43, 0.1);
}