:root {
  --play-green: #01875f;
  --play-green-hover: #016b4c;
  --play-green-soft: #e6f4ef;
  --bg: #f8f9fa;
  --surface: #ffffff;
  --text: #202124;
  --text-secondary: #5f6368;
  --text-muted: #80868b;
  --border: #dadce0;
  --border-light: #e8eaed;
  --hover: #f1f3f4;
  --shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  --shadow-soft: 0 1px 2px rgba(60, 64, 67, 0.1);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --header-h: 64px;
  --nav-h: 48px;
  --sidebar-w: 300px;
  --max-w: 1280px;
  --font: "Vazirmatn", "Segoe UI", Tahoma, sans-serif;
  --transition: 0.2s ease;
}