:root{
      --page-bg: #ffffff;
      --text: #0b1220;
      --muted: #6b7280;
      --accent: #7c3aed;
      --accent-2: #9f7aea;
      --surface: #fbfbfe;
      --border: #eef0f6;
      --shadow: 0 10px 30px rgba(12,18,45,0.06);
      --radius: 12px;
    }

html,body,input,button,select,textarea {
      font-family: 'Vazirmatn', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: var(--text);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }
/* ... بقیه‌ی کل CSS کامل ... */