:root {
  --font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --accent-from: #2ec4ff;
  --accent-to: #1b4dff;
  --accent: #2ec4ff;
  --accent-2: #1b4dff;
  --danger: #ff5c7a;
  --ok: #3ee0a2;
  --radius: 18px;
  --radius-sm: 12px;
  --wrap: 1180px;
  --article: 68ch;
  --header-h: 76px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #07080c;
  --bg-elevated: #10131a;
  --bg-muted: #161a24;
  --bg-soft: #0c0f16;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);
  --text: #e8eaed;
  --text-muted: #9aa3b2;
  --text-faint: #6b7382;
  --shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
  --glow: 0 0 0 1px rgba(46, 196, 255, 0.18), 0 18px 40px rgba(27, 77, 255, 0.18);
  --nav-bg: rgba(7, 8, 12, 0.82);
  --chrome-text: #e8eaed;
  --icon-btn-bg: #161a24;
  --icon-btn-border: rgba(255, 255, 255, 0.1);
  --icon-btn-color: #e8eaed;
  --drop-hover: rgba(0, 161, 211, 0.12);
  --hero-title: #e8eaed;
  --hero-badge-bg: rgba(16, 19, 26, 0.86);
  --placeholder: linear-gradient(135deg, #13203a 0%, #0c1220 50%, #1a2a4d 100%);
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f7fb;
  --bg-elevated: #ffffff;
  --bg-muted: #eef0f6;
  --bg-soft: #fbfbfe;
  --border: rgba(18, 20, 26, 0.08);
  --border-strong: rgba(18, 20, 26, 0.14);
  --text: #12141a;
  --text-muted: #5c6570;
  --text-faint: #8b93a0;
  --shadow: 0 18px 40px rgba(18, 20, 26, 0.08);
  --glow: 0 0 0 1px rgba(27, 77, 255, 0.12), 0 16px 32px rgba(46, 196, 255, 0.12);
  --nav-bg: color-mix(in srgb, #f9fafa 95%, transparent);
  --chrome-text: #303435;
  --icon-btn-bg: #effaff;
  --icon-btn-border: #e4e6e6;
  --icon-btn-color: #161616;
  --drop-hover: #effaff;
  --hero-title: #003245;
  --hero-badge-bg: rgba(255, 255, 255, 0.78);
  --placeholder: linear-gradient(135deg, #d9ecff 0%, #eef2ff 50%, #cddbff 100%);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}