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

:root { color-scheme: light; }
body { font-family: BYekan, Tahoma, sans-serif; }
.text-ink { color: #20202f; }
[data-language="en"] { font-family: BYekan, Tahoma, sans-serif; }
[data-language="fa"] { font-family: BYekan, Tahoma, sans-serif; }
.bilingual-copy { display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: center; gap: .3rem; }
.decor { position: absolute; pointer-events: none; width: 24rem; height: 24rem; border-radius: 9999px; filter: blur(70px); opacity: .55; }
.decor-one { right: -8rem; top: -8rem; background: #ddd6fe; }
.decor-two { left: -10rem; bottom: -10rem; background: #d1fae5; }
.tool-icon.tone-violet { color: #7c3aed; background: #f3e8ff; }
.tool-icon.tone-indigo { color: #4f46e5; background: #e0e7ff; }
[dir="ltr"] .tool-card { text-align: left; }
[dir="rtl"] .tool-card { text-align: right; }

/* Compatibility utilities for the production-local Tailwind build. */
[class~="bg-[#f6f8fc]"] { background-color: #f6f8fc; }
[class~="bg-[#202a4a]"] { background-color: #202a4a; }
[class~="bg-white/[0.07]"] { background-color: rgba(255, 255, 255, .07); }
[class~="rounded-[2rem]"] { border-radius: 2rem; }
[class~="rounded-[1.75rem]"] { border-radius: 1.75rem; }
[class~="shadow-[0_24px_80px_rgba(31,41,81,0.10)]"] { box-shadow: 0 24px 80px rgba(31, 41, 81, .10); }
[class~="shadow-[0_18px_50px_rgba(31,41,81,0.07)]"] { box-shadow: 0 18px 50px rgba(31, 41, 81, .07); }
[class~="shadow-[0_24px_65px_rgba(31,41,81,0.13)]"] { box-shadow: 0 24px 65px rgba(31, 41, 81, .13); }

@media (min-width: 768px) {
    [class~="md:grid-cols-[1.05fr_0.95fr]"] { grid-template-columns: 1.05fr .95fr; }
    [class~="md:grid-cols-[0.9fr_1.1fr]"] { grid-template-columns: .9fr 1.1fr; }
}

@media (min-width: 1024px) {
    [class~="lg:grid-cols-[0.9fr_1.1fr]"] { grid-template-columns: .9fr 1.1fr; }
}

@media (max-width: 640px) {
    .decor { width: 18rem; height: 18rem; }
}