:root {
  --bg: #0b0d10;
  --surface-1: #12151b;
  --surface-2: #161a22;
  --border: #1f2937;

  --text-main: #e5e7eb;
  --text-muted: #9ca3af;

  --accent: #3b82f6;
  --accent-hover: #2563eb;

  --success: #22c55e;
  --error: #ef4444;
  --warning: #f59e0b;

  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;

  --shadow-sm: 0 4px 12px rgba(0,0,0,.25);
  --shadow-md: 0 10px 30px rgba(0,0,0,.35);

  --font-fa: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-en: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

* {
  box-sizing: border-box;
  font-family: var(--font-fa);
}

html, body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background: radial-gradient(1200px at top, #0f172a, #0b0d10);
  background-color: #0b0d10;
  background-attachment: fixed;
  font-family: var(--font-fa);
}

body {
  min-height: 100vh;
  color: var(--text-main);
  line-height: 1.8;
}


.container {
  max-width: 1100px;
  margin: auto;
  padding: 32px 20px;
}

h1 { font-size: 1.8rem; margin-bottom: 8px; }
h2 { font-size: 1.3rem; margin-bottom: 6px; }
p  { color: var(--text-muted); margin-top: 0; }