/* ============================================================
   DESIGN TOKENS — متغیرهای پایه پروژه
   نکته: این فایل قبلاً در چند بلوک :root پراکنده و با توکن‌های
   تکراری/بلااستفاده نوشته شده بود. اینجا همه در یک بلوک واحد،
   دسته‌بندی‌شده و بدون تغییر مقدار هیچ متغیر «استفاده‌شده‌ای»
   بازنویسی شده‌اند. متغیرهایی که در کل پروژه (style.css /
   effect.css / index.html) هیچ ارجاعی نداشتند حذف شدند.
============================================================ */

:root {

        /* ---------- Surfaces / Backgrounds ---------- */
        --void: #f5f7fc;
        --surface: #ffffff48;
        --surface-2: #f0f4ff;
        --elevated: #ffffff;
        --bg: rgba(141, 152, 255, 0.801);
        --clr-surface-glass: rgba(255, 255, 255, 0.195);
        --mc-card: #e6ebfb;
        --mc-border: rgba(70, 90, 160, 0.08);
        --mc-text: #1c2340;

        /* ---------- Borders / Lines ---------- */
        --line: rgba(15, 23, 42, 0.08);
        --line-strong: rgba(15, 23, 42, 0.14);
        --line-rgb: 15, 23, 42;
        --white-rgb: 255, 255, 255;
        --black-rgb: 0, 0, 0;

        /* ---------- Brand Colors ---------- */
        --blue: #2f6feb;
        --blue-rgb: 47, 111, 235;
        --blue-bright: #5b8dff;
        --blue-bright-rgb: 91, 141, 255;
        --purple: #6c5ce7;
        --purple-rgb: 108, 92, 231;
        --clr-primary: #6211ED;

        --rk-blue: #3b6bff;
        --rk-blue-2: #6c4bff;
        --rk-purple: #7c3aed;
        --rk-text: #242424;
        --rk-text-dim: #8b93b8;
        --rk-font: 'Vazirmatn', sans-serif;
        --cyan: #4da3ff;
        --icon-glow: rgba(91, 141, 255, .45);

        /* ---------- Text ---------- */
        --text-0: #182033;
        --text-1: #56627a;
        --text-2: #000000c0;
        --clr-text: #1C1C1E;
        --clr-text-muted: rgba(0, 0, 0, 0.6);
        --clr-text-white: #ffffff;

        /* ---------- Buttons ---------- */
        --btn-primary: linear-gradient(135deg, var(--blue), #4361d8);
        --text-btn-primary: #4361d8;

        /* ---------- Gradients ---------- */
        --clr-grad-teal: linear-gradient(133deg,
                        rgb(255, 255, 255) 0%,
                        rgb(255, 255, 255) 26%,
                        rgb(79, 64, 245) 100%);
        --clr-grad-main: linear-gradient(270deg, #6a11ff, #2575fc, rgba(132, 156, 255, 0.477));
        --clr-grad-main-2: linear-gradient(270deg, #6811ff, #4a47e5, rgb(56, 90, 225));
        --clr-grad-section: linear-gradient(135deg,
                        rgba(42, 123, 155, 0.18),
                        rgba(82, 24, 255, 0.12));
        --clr-grad-section-sm: linear-gradient(135deg,
                        rgba(42, 123, 155, 0.14),
                        rgba(82, 24, 255, 0.10));

        /* ---------- Shadows ---------- */
        --clr-shadow-sm: rgba(0, 0, 0, 0.15);
        --showdo-btn-primary: 0 8px 24px -8px rgba(47, 111, 235, 0.55);
        --showdo-section-primary: 0 0px 24px -8px rgba(47, 111, 235, 0.55);
        --box-shadow: 15px 15px 30px rgba(204, 192, 219, 0.725),
                -15px -15px 30px #7f7b966e;
        --box-shadow-form: 15px 15px 30px rgba(40, 14, 118, 0.137),
                -15px -15px 30px rgba(20, 62, 79, 0.14);

        /* ---------- Status Colors ---------- */
        --clr-success-bg: rgba(34, 197, 94, 0.28);
        --clr-success-text: #156c35;
        --clr-danger-bg: rgba(239, 68, 68, 0.15);
        --clr-danger-text: #dc2626;

        /* ---------- Layout ---------- */
        --radius: 14px;
        --radius-sm: 8px;
        --maxw: 1240px;
        --ease: cubic-bezier(.16, .8, .32, 1);

        /* ---------- Logo strip animation ---------- */
        --s: 100px;
        /* size of the image */
        --d: 20s;
        /* animation duration */
        --n: 5;
        /* number of visible images */
}