/* ========================================
   Design Tokens - CSS Custom Properties
   ======================================== */

:root {
  /* Colors */
  --bg: #0A0A0A;
  --bg-surface: #111111;
  --bg-card: #141414;
  --primary: #FF6B2B;
  --text: #FFFFFF;
  --text-secondary: #9E9E9E;
  --border: #222222;

  /* Typography */
  --font-fa: 'Vazirmatn', sans-serif;
  --font-en: 'Outfit', 'Segoe UI', 'Arial', sans-serif;

  /* Layout */
  --max-width: 1320px;

  /* Components */
  --radius: 16px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}