/* Shared by public pages, account portals and setup. Status colors remain semantic. */
:root{
  --font-body:"Droid Arabic Kufi",Tahoma,Arial,sans-serif;
  --font-teacher:"IBM Plex Sans Arabic",var(--font-body);
  --color-primary:#086963;--color-primary-hover:#06534e;--color-primary-deep:#064b47;
  --color-coral:#e38666;--color-text:#374151;--color-muted:#626b70;
  --color-bg:#f8f8f8;--color-hero:#f2f2f2;--color-surface:#fff;
  --color-border:#dfe7e5;--color-primary-soft:#eef9f7;--color-coral-soft:#fcf0ea;
  --text-small:12px;--text-body:14px;--text-card-title:18px;
  --radius-control:8px;--radius-card:16px;--radius-package:24px;
  --shadow-card:0 4px 24px rgba(24,57,52,.07);--shadow-package:0 0 20px rgba(0,0,0,.07);
}