/* ═══════════════════════════════════════════════════════════════════ توکن‌های طراحی آنیار — منبع واحد حقیقت برای پنل و سایت منبع استخراج: malino-redesign/styles.css (دست‌نخورده مانده) قواعد: تیره پیش‌فرض، RTL، فونت وزیرمتن محلی، هدف لمس ۴۸px، گوشه ۲۰px، احترام به prefers-reduced-motion. لایه‌ها: ۱) توکن قنونی --anyar-* ۲) نام‌های aurora/app قدیمی به‌صورت alias ۳) متغیرهای پایه قدیمی پنل (تا پایان مهاجرت گام ۴). ═══════════════════════════════════════════════════════════════════ */ :root { /* ── بوم و سطح‌ها ── */ --anyar-bg: #0a1411; --anyar-surface: #0e1b16; --anyar-surface-high: #102219; --anyar-surface-higher: #14271e; --anyar-surface-hover: #1b3225; /* ── متن ── */ --anyar-ink: #f2f7f1; --anyar-ink-soft: #c3d5c8; --anyar-muted: #94ab9e; --anyar-faint: #5f776c; /* ── خط و حاشیه ── */ --anyar-line: rgba(255, 255, 255, 0.09); --anyar-line-strong: rgba(255, 255, 255, 0.16); --anyar-border: rgba(185, 211, 190, 0.17); --anyar-border-lime: rgba(217, 255, 93, 0.38); /* ── اکشن لایم ── */ --anyar-lime: #d9ff5d; --anyar-lime-strong: #a7cc40; --anyar-lime-soft: rgba(217, 255, 93, 0.12); --anyar-on-lime: #0a1411; /* ── لهجه‌های محیطی سایت ── */ --anyar-mint: #6fe3b4; --anyar-teal: #37c6c0; /* ── رنگ‌های معنایی مالی (هشدار/هزینه/فروشگاه عمداً حفظ شده‌اند) ── */ --anyar-income: #9bdec0; --anyar-expense: #efc272; --anyar-expense-deep: #e8b45a; --anyar-warning: #ffc56e; --anyar-danger: #ff6e7b; --anyar-coral: #ff8078; --anyar-shop: #aa96ff; --anyar-info: #6fa9ff; /* ── شیشه و نور ── */ --anyar-glass: rgba(255, 255, 255, 0.035); --anyar-glass-strong: rgba(255, 255, 255, 0.06); --anyar-glow: 0 0 0 1px rgba(217, 255, 93, 0.18), 0 18px 48px -28px rgba(217, 255, 93, 0.45); --anyar-shadow-soft: 0 24px 70px -38px rgba(0, 0, 0, 0.9); --anyar-shadow-lime: 0 14px 34px -16px rgba(217, 255, 93, 0.55); --anyar-grad-lime: linear-gradient(120deg, #eaffa0, #d9ff5d 42%, #8fe6a8); /* ── هندسه ── */ --anyar-radius-sm: 12px; --anyar-radius: 20px; --anyar-radius-lg: 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%, #cfe7d6 62%, #93b3a3 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); --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: #e7ff9e; --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: #eef4f2; --anyar-surface: #e6efec; --anyar-surface-high: rgba(255, 255, 255, 0.78); --anyar-surface-higher: rgba(250, 253, 252, 0.97); --anyar-surface-hover: rgba(255, 255, 255, 0.98); --anyar-ink: #112c32; --anyar-ink-soft: #33484c; --anyar-muted: #5c7577; --anyar-faint: #7d9294; --anyar-line: rgba(7, 36, 43, 0.1); --anyar-line-strong: rgba(7, 36, 43, 0.2); --anyar-border: rgba(21, 74, 74, 0.12); --anyar-border-lime: rgba(0, 143, 125, 0.32); --anyar-lime: #008f7d; --anyar-lime-strong: #007665; --anyar-lime-soft: rgba(0, 143, 125, 0.1); --anyar-on-lime: #ffffff; --anyar-income: #1f7a55; --anyar-expense: #a96c12; --anyar-expense-deep: #8f5a0c; --anyar-warning: #a96c12; --anyar-danger: #c84d5b; --anyar-coral: #d95e58; --anyar-shop: #7661d2; --anyar-info: #3578d4; --anyar-glow: 0 0 0 1px rgba(0, 143, 125, 0.11), 0 18px 44px -30px rgba(0, 143, 125, 0.42); --anyar-shadow-soft: 0 24px 65px -40px rgba(18, 57, 61, 0.34); --anyar-grad-lime: linear-gradient(120deg, #e6fff4, #c9f5e8 42%, #a5e8d6); --app-aqua-bright: #00a993; } @media (prefers-reduced-motion: reduce) { :root { --anyar-fast: 0ms; --anyar-base: 0ms; --anyar-slow: 0ms; } }