/* ==========================================================================
   Base: fonts, design tokens, reset, typography, utilities
   ========================================================================== */

@font-face {
    font-family: 'CustomFont';
    src: url('../font/Vazir-Regular.ttf') format('woff2'),
    url('../font/Vazir-Bold.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --accent: #009e18;
    --accent-dark: #006e18;
    --danger: #E74244;
    --purple: #B606B9;
    --ink: #343434;
    --charcoal: #323232;
    --black: #1A1A1A;
    --surface: #ecf0f1;
    --footer-bg: #202020;
    --button-bg: #313131;
    --highlight: #fed81b;
}

body {
    font-family: 'CustomFont', Tahoma, Arial, sans-serif;
    direction: rtl;
    margin: 0;
    padding: 0;
    background: #ffab2f;
    overflow-x: hidden;
}

h1 {
    font-size: 2.5em;
    margin-top: 20px;
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

section {
    padding: 40px;
    text-align: center;
}

/* Layout spacers */
.spaced-element0 {
    margin-bottom: 250px;
}

.spaced-element1 {
    margin-bottom: 110px;
}

/* Text color utilities */
.text-accent {
    color: var(--accent);
}

.text-accent-dark {
    color: var(--accent-dark);
}

.text-purple {
    color: var(--purple);
}

.text-ink {
    color: var(--ink);
}