/* SinaWeb edu.sinaweb.org — matches sinaweb.org landing (teal #11A4C8, navy #1B293D) */
:root {
  --sw-teal: #11a4c8;
  --sw-teal-dark: #0d8aab;
  --sw-teal-light: #3db8d4;
  --sw-navy: #1b293d;
  --sw-navy-deep: #0f1a28;
  --sw-muted: #4b5563;
  --sw-soft: #6b7280;
  --sw-bg: #f9fbfc;
  --sw-bg-tint: #e6f4f8;
  --sw-card: #ffffff;
  --sw-badge-bg: #d1fae5;
  --sw-border: rgba(27, 41, 61, 0.1);
  --sw-border-h: rgba(27, 41, 61, 0.16);
  --sw-shadow: 0 8px 40px rgba(27, 41, 61, 0.08);
  --sw-shadow-sm: 0 2px 12px rgba(27, 41, 61, 0.06);
  --sw-shadow-teal: 0 8px 24px rgba(17, 164, 200, 0.22);

  --bg-0: var(--sw-bg);
  --bg-1: var(--sw-card);
  --bg-2: var(--sw-bg-tint);
  --tx-1: var(--sw-navy);
  --tx-2: var(--sw-muted);
  --tx-3: var(--sw-soft);
  --accent: var(--sw-teal);
  --accent-h: var(--sw-teal-dark);
  --accent-glow: rgba(17, 164, 200, 0.08);
  --accent-glow-s: rgba(17, 164, 200, 0.18);
  --green: #16a34a;
  --border: var(--sw-border);
  --border-h: var(--sw-border-h);
  --shadow: var(--sw-shadow);
  --shadow-sm: var(--sw-shadow-sm);

  --purple: var(--sw-teal);
  --purple-deep: var(--sw-navy);
  --purple-light: var(--sw-teal-light);
  --purple-pale: var(--sw-bg-tint);
  --purple-faint: #cceef6;
  --gold: var(--sw-teal);
  --gold-light: var(--sw-teal-light);

  --aic-purple: var(--sw-teal);
  --aic-purple-deep: var(--sw-navy);
  --aic-purple-light: var(--sw-teal-light);
  --aic-gold: var(--sw-teal);
  --aic-gold-light: var(--sw-teal-light);
  --aic-ink: var(--sw-navy);
  --aic-charcoal: var(--sw-muted);
  --aic-mist: var(--sw-bg);
  --aic-black: var(--sw-navy);
  --aic-graphite: var(--sw-soft);
  --aic-smoke: #9ca3af;
  --aic-silver: var(--sw-border-h);
  --aic-navy: var(--sw-navy);
  --aic-navy-mid: #243447;

  --navy: var(--sw-navy);
  --navy-mid: #243447;
  --ink: var(--sw-navy);
  --heading: var(--sw-navy);
  --muted: var(--sw-muted);
  --soft: var(--sw-soft);
  --line: var(--sw-border-h);
  --line-strong: #cbd5e1;
  --bg: var(--sw-bg);
  --font: 'Vazirmatn', Tahoma, Arial, sans-serif;
  --font-h: 'Vazirmatn', Tahoma, Arial, sans-serif;
  --radius: 14px;
  --radius-lg: 16px;
  --shadow-card: var(--sw-shadow-sm);
  --shadow-purple: var(--sw-shadow-teal);
  --sidebar-bg: linear-gradient(180deg, var(--sw-navy) 0%, var(--sw-navy-deep) 100%);
  --banner-bg: linear-gradient(135deg, var(--sw-teal-dark) 0%, var(--sw-teal) 100%);
}