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

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

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --ahuramazda-font-primary: 'Shabnam', Tahoma, sans-serif;
    --ahuramazda-font-heading: 'Playfair Display', 'Shabnam', serif;
    --ahuramazda-font-size-xs: 0.75rem;
    --ahuramazda-font-size-sm: 0.875rem;
    --ahuramazda-font-size-base: 1.125rem;
    --ahuramazda-font-size-lg: 1.5rem;
    --ahuramazda-font-size-xl: 2rem;
    --ahuramazda-font-size-2xl: 3rem;
    --ahuramazda-font-size-3xl: 4rem;
    --ahuramazda-line-height-base: 1.8;
    --ahuramazda-line-height-heading: 1.3;
}

html {
    font-size: 16px;
}

body {
    font-family: var(--ahuramazda-font-primary);
    font-size: var(--ahuramazda-font-size-base);
    line-height: var(--ahuramazda-line-height-base);
    color: var(--ahuramazda-black);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--ahuramazda-font-heading);
    line-height: var(--ahuramazda-line-height-heading);
    font-weight: 700;
}