/* ═══════════════════════════════════════════════════════════════════ توکن‌های طراحی آنیار — منبع واحد حقیقت برای اپ، پنل و سایت زبان بصری ۱۴۰۵/۰۶: سرمه‌ای عمیق + کبالت، سطوح نرم، ردیف‌های فشرده. قواعد: تیره پیش‌فرض، RTL، فونت وزیرمتن محلی، هدف لمس ۴۸px، احترام به prefers-reduced-motion. لایه‌ها: ۱) توکن قنونی --anyar-* ۲) نام‌های aurora/app/سایت قدیمی به‌صورت alias ۳) متغیرهای پایه قدیمی پنل (تا پایان مهاجرت). ═══════════════════════════════════════════════════════════════════ */ :root { /* ── بوم و سطح‌ها ── */ --anyar-bg: #071426; --anyar-bg-deep: #040c18; --anyar-surface: #101f34; --anyar-surface-high: #14243c; --anyar-surface-higher: #172841; --anyar-surface-hover: #1d3050; /* ── متن ── */ --anyar-ink: #f3f6fc; --anyar-ink-soft: #a6b2c6; --anyar-muted: #8290a8; --anyar-faint: #5e6d85; /* ── خط و حاشیه ── */ --anyar-line: rgba(255, 255, 255, 0.07); --anyar-line-strong: rgba(255, 255, 255, 0.12); --anyar-border: rgba(255, 255, 255, 0.1); --anyar-border-lime: rgba(126, 168, 255, 0.3); /* ── اکشن کبالت ── */ --anyar-lime: #216bff; --anyar-lime-strong: #1453ee; --anyar-lime-soft: rgba(33, 107, 255, 0.14); --anyar-on-lime: #ffffff; --anyar-cobalt: #216bff; --anyar-cobalt-deep: #1453ee; --anyar-cobalt-soft: rgba(33, 107, 255, 0.14); --anyar-soft-blue: #7ea8ff; /* ── لهجه‌های محیطی ── */ --anyar-mint: #7ea8ff; --anyar-teal: #3f79e6; /* ── رنگ‌های معنایی مالی ── */ --anyar-income: #7bdca9; --anyar-expense: #f29a93; --anyar-expense-deep: #e88a82; --anyar-warning: #ffc56e; --anyar-danger: #ff6e7b; --anyar-coral: #f08c85; --anyar-shop: #a78bfa; --anyar-info: #7ea8ff; /* ── شیشه و نور ── */ --anyar-glass: rgba(255, 255, 255, 0.035); --anyar-glass-strong: rgba(255, 255, 255, 0.06); --anyar-glow: 0 0 0 1px rgba(33, 107, 255, 0.2), 0 18px 48px -28px rgba(33, 107, 255, 0.45); --anyar-shadow-soft: 0 24px 70px -38px rgba(0, 0, 0, 0.9); --anyar-shadow-lime: 0 14px 34px -16px rgba(33, 107, 255, 0.55); --anyar-grad-lime: linear-gradient(180deg, #3e7bff, #1453ee); --anyar-grad-cobalt: linear-gradient(180deg, #3e7bff, #1453ee); /* ── هندسه ── */ --anyar-radius-sm: 12px; --anyar-radius: 16px; --anyar-radius-lg: 20px; --anyar-radius-xl: 24px; --anyar-touch: 48px; /* ── حرکت ── */ --anyar-fast: 150ms; --anyar-base: 260ms; --anyar-slow: 400ms; --anyar-spring: cubic-bezier(0.22, 1, 0.36, 1); --anyar-enter: cubic-bezier(0.16, 1, 0.3, 1); /* ── تایپوگرافی ── */ --anyar-font: "Vazirmatn", Tahoma, sans-serif; --anyar-grad-ink: linear-gradient(180deg, #ffffff 0%, #dbe6f8 62%, #a8bce0 100%); /* ═══ لایه ۲: نام‌های عمومی سایت (منبع قبلی: anyar-site.css) ═══ */ --bg: var(--anyar-bg); --bg-2: var(--anyar-surface); --ink: var(--anyar-ink); --muted: var(--anyar-muted); --faint: var(--anyar-faint); --line: var(--anyar-line); --lime: var(--anyar-lime); --lime-soft: var(--anyar-lime-soft); --font: var(--anyar-font); --mint: var(--anyar-mint); --teal: var(--anyar-teal); --glass: var(--anyar-glass); --glass-strong: var(--anyar-glass-strong); --r-lg: var(--anyar-radius-lg); --r-xl: 34px; --shadow-soft: var(--anyar-shadow-soft); --shadow-glow: var(--anyar-glow); --grad-ink: var(--anyar-grad-ink); --grad-lime: var(--anyar-grad-lime); /* ═══ لایه ۳: نام‌های قدیمی aurora به‌صورت alias توکن قنونی ═══ */ --aurora-bg: var(--anyar-bg); --aurora-bg-soft: var(--anyar-surface); --aurora-card: var(--anyar-surface-high); --aurora-card-strong: var(--anyar-surface-higher); --aurora-card-hover: var(--anyar-surface-hover); --aurora-border: var(--anyar-border); --aurora-border-strong: var(--anyar-border-lime); --aurora-text: var(--anyar-ink); --aurora-muted: var(--anyar-muted); --aurora-aqua: var(--anyar-lime); --aurora-aqua-strong: var(--anyar-lime-strong); --aurora-blue: var(--anyar-info); --aurora-violet: var(--anyar-shop); --aurora-coral: var(--anyar-coral); --aurora-amber: var(--anyar-warning); --aurora-danger: var(--anyar-danger); --aurora-shadow: var(--anyar-shadow-soft); --aurora-glow: var(--anyar-glow); --aurora-radius-sm: var(--anyar-radius-sm); --aurora-radius: var(--anyar-radius); --aurora-radius-lg: var(--anyar-radius-lg); --aurora-fast: var(--anyar-fast); --aurora-base: var(--anyar-base); --aurora-spring: var(--anyar-spring); /* ═══ لایه ۴: نام‌های app قدیمی ═══ */ --app-night: var(--anyar-bg); --app-deep: var(--anyar-bg-deep); --app-surface: var(--anyar-surface-high); --app-surface-strong: var(--anyar-surface-higher); --app-border: var(--anyar-border); --app-text: var(--anyar-ink); --app-muted: var(--anyar-muted); --app-aqua: var(--anyar-lime); --app-aqua-bright: #7ea8ff; --app-gold: var(--anyar-warning); --app-glow: var(--anyar-glow); --app-shadow: var(--anyar-shadow-soft); /* ═══ لایه ۵: متغیرهای پایه قدیمی پنل — تا پایان مهاجرت به توکن قنونی ═══ */ --legacy-ink: #07242b; --legacy-ink-2: #10353c; --legacy-muted: #647d80; --legacy-page: #f3f5ef; --legacy-surface: #fffefa; --legacy-line: #dce4dc; --legacy-lime: #d7ff58; --legacy-teal: #007d79; --legacy-blue: #3f62e8; --legacy-red: #cf4a48; --legacy-orange: #e79b32; --legacy-shadow: 0 18px 50px rgba(7, 36, 43, 0.08); } /* ── حالت روشن: فقط با data-theme="light" فعال می‌شود (اپ همیشه تیره است) ── */ [data-theme="light"] { --anyar-bg: #eef2fa; --anyar-surface: #e4eaf5; --anyar-surface-high: rgba(255, 255, 255, 0.82); --anyar-surface-higher: rgba(255, 255, 255, 0.97); --anyar-surface-hover: rgba(255, 255, 255, 0.98); --anyar-ink: #0d1b33; --anyar-ink-soft: #33445f; --anyar-muted: #5a6b88; --anyar-faint: #7c8aa5; --anyar-line: rgba(13, 27, 51, 0.1); --anyar-line-strong: rgba(13, 27, 51, 0.2); --anyar-border: rgba(13, 27, 51, 0.12); --anyar-border-lime: rgba(29, 93, 249, 0.32); --anyar-lime: #1d5df9; --anyar-lime-strong: #1449d6; --anyar-lime-soft: rgba(29, 93, 249, 0.1); --anyar-on-lime: #ffffff; --anyar-income: #1f7a55; --anyar-expense: #c05a52; --anyar-expense-deep: #a84a43; --anyar-warning: #a96c12; --anyar-danger: #c84d5b; --anyar-coral: #d95e58; --anyar-shop: #7661d2; --anyar-info: #3560d4; --anyar-glow: 0 0 0 1px rgba(29, 93, 249, 0.11), 0 18px 44px -30px rgba(29, 93, 249, 0.42); --anyar-shadow-soft: 0 24px 65px -40px rgba(18, 32, 61, 0.34); --anyar-grad-lime: linear-gradient(180deg, #e8efff, #cddffc); --app-aqua-bright: #1d5df9; } @media (prefers-reduced-motion: reduce) { :root { --anyar-fast: 0ms; --anyar-base: 0ms; --anyar-slow: 0ms; } }