/* Persian web font */
@font-face {
    font-family: "Vazirmatn";
    src: url("../Fonts/Vazirmatn.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
/* ===================================
   AFCAF GLOBAL FOUNDATION
=================================== */

/* Colour variables */
:root {
    --color-charcoal: #1b1e20;
    --color-dark-soft: #292e31;
    --color-cream: #e8dfc9;
    --color-cream-light: #f1e9d6;
    --color-black: #171717;
    --color-teal: #416663;
    --color-teal-dark: #34524f;
    --color-border: #b9af99;
    --color-teal-pale: #dfe8e5;
}

/* Basic reset */
* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;

    margin: 0;

    /* background-color: var(--color-cream); */
    background-color: var(--color-teal-pale);
    color: var(--color-black);

    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.7;
}

/* Persian typography */
html[lang="fa"] body {
    font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
}

/* Shared elements */
img {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

/* Main page area */
main {
    width: 100%;
    min-height: 500px;
}