/* variables.css */
/* @import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css'); */
@font-face {
  font-family: 'Vazirmatn';
  src: url('/assets/Vazirmatn-RD[wght].ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
    /* رنگ‌های پس‌زمینه و المان‌ها (برگرفته از Login) */
    --bg-app: #f3f4f6;       /* جایگزین --bg-body در لاگین */
    --bg-card: #ffffff;      /* جایگزین --bg-card در لاگین */
    --bg-hover: #f9fafb;     /* استفاده از --bg-input برای هاور روشن */
    
    /* رنگ‌های متن (برگرفته از Login) */
    --text-main: #1f2937; 
    --text-muted: #6b7280; 
    
    /* خطوط و حاشیه‌ها (برگرفته از Login) */
    --border: #e5e7eb;       /* جایگزین --border-color */
    
    /* رنگ‌های اصلی / دکمه‌ها (برگرفته از Login) */
    --primary: #2563eb;      /* جایگزین --primary-color */
    --primary-soft: #eff6ff; /* هماهنگ شده با آبی لاگین */
    
    /* رنگ پوشه‌ها (بدون تغییر) */
    --folder-color: #f59e0b; 
    --folder-bg: #fffbeb;
    
    /* ابعاد و تنظیمات (بدون تغییر) */
    --radius-lg: 32px; 
    --radius-md: 20px; 
    --radius-sm: 12px;
    --transition: 0s ease-in-out; 
    --card-size: 220px;
    --border-px: 0px;
    
    /* متغیرهای اسکرولبار (هماهنگ با رنگ‌های جدید روشن) */
    --scrollbar-bg: #f3f4f6;
    --scrollbar-thumb: #d1d5db;
    --scrollbar-thumb-hover: #9ca3af;
}

[data-theme="dark"] {
    /* رنگ‌های پس‌زمینه دارک مود (برگرفته از Login) */
    --bg-app: #0f172a;       /* جایگزین --bg-body دارک مود */
    --bg-card: #1e293b;      /* جایگزین --bg-card دارک مود */
    --bg-hover: #334155;     /* رنگ مناسب برای هاور روی کارت‌های دارک */
    
    /* رنگ‌های متن دارک مود (برگرفته از Login) */
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    
    /* خطوط و حاشیه‌ها دارک مود (برگرفته از Login) */
    --border: #334155;       /* جایگزین --border-color دارک */
    
    /* رنگ‌های اصلی دارک مود (برگرفته از Login) */
    --primary: #3b82f6;      /* جایگزین --primary-color دارک */
    --primary-soft: #1e3a8a; /* هماهنگ شده با گرافیک لاگین دارک */
    
    /* رنگ پوشه‌ها (بدون تغییر) */
    --folder-color: #e3b341;
    --folder-bg: #2d2a1f;

    /* متغیرهای اسکرولبار (هماهنگ با رنگ‌های جدید تاریک) */
    --scrollbar-bg: #0f172a;
    --scrollbar-thumb: #334155;
    --scrollbar-thumb-hover: #475569;

    
}



/* ترانزیشن نرم برای تغییر تم */
html, body { 
    transition: background-color var(--transition), color var(--transition); 
}