/* مولَّد آلياً من shared/design/tokens.json — لا تعدّله يدوياً. */
:root {
  --color-royal-blue: #2848B6;
  --color-navy: #1B3484;
  --color-purple: #7A0691;
  --color-green: #2FCA64;
  --color-green-deep: #177036;
  --color-crimson: #C6073A;
  --color-amber: #F2A511;
  --color-night-navy: #041742;
  --color-background: #F7F6F1;
  --color-surface: #FFFFFF;
  --color-surface-soft: #F1ECF7;
  --color-gold: #8C7433;
  --color-gold-bright: #D9B45A;
  --color-gold-on-dark: #FFD98A;
  --color-border: #B0B5C0;
  --color-divider: #E6E7EC;
  --color-text-primary: #1A2340;
  --color-text-secondary: #5D6472;
  --color-text-on-color: #FFFFFF;
  --color-avatar-bg: #C9D3EA;
  --gradient-primary: linear-gradient(125deg, #4A3590 0%, #7A0691 30%, #9C0767 62%, #C6073A 100%);
  --gradient-horizontal: linear-gradient(90deg, #7A0691 0%, #9C0767 55%, #C6073A 100%);
  --gradient-dark: linear-gradient(160deg, #041742 0%, #1B3484 55%, #0B1F5E 100%);
  --specular-color: #FFB6D1;
  --specular-opacity: 0.35;
  --font-family: 'Tajawal', sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 700;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --text-display-size: 34px;
  --text-display-weight: 800;
  --text-headline-size: 26px;
  --text-headline-weight: 700;
  --text-title-size: 18px;
  --text-title-weight: 700;
  --text-body-size: 16px;
  --text-body-weight: 700;
  --text-text-size: 14px;
  --text-text-weight: 400;
  --text-chip-size: 13px;
  --text-chip-weight: 700;
  --text-label-size: 12px;
  --text-label-weight: 400;
  --radius-card: 16px;
  --radius-sheet: 22px;
  --radius-bar: 18px;
  --radius-medium: 14px;
  --radius-button: 10px;
  --radius-full: 999px;
  --shadow-soft: 0 4px 18px rgba(26,35,64,0.07);
  --shadow-gradient-card: 0 8px 22px rgba(122,6,145,0.28);
  --shadow-fab: 0 8px 20px rgba(40,72,182,0.40);
  --shadow-level1: 0 2px 8px rgba(4,23,66,0.05), 0 12px 32px rgba(4,23,66,0.08);
  --shadow-level2: 0 6px 16px rgba(4,23,66,0.10), 0 24px 48px rgba(4,23,66,0.14);
  --shadow-level3: 0 12px 40px rgba(4,23,66,0.24);
  --space-screen: 12px;
  --space-card-gap: 8px;
  --space-section: 16px;
  --space-field-gap: 6px;
  --space-web-tablet: 16px;
  --space-web-desktop: 28px;
  --glass-bg: rgba(255,255,255,0.72);
  --glass-border: rgba(255,255,255,0.55);
  --glass-blur: blur(18px) saturate(1.5);
  --ease: cubic-bezier(0.2,0,0.2,1);
  --dur-control: 150ms;
  --dur-card: 220ms;
  --opacity-disabled: 0.35;
  --container-max: 1100px;
  --appbar-h: 56px;
  --drawer-w: 300px;
  --min-touch: 48px;
}
@media (max-width: 30rem) {
  :root {
    --text-display-size: 28px;
    --text-headline-size: 24px;
    --text-title-size: 19px;
    --text-body-size: 16px;
    --text-text-size: 15px;
    --text-chip-size: 14px;
    --text-label-size: 13px;
  }
}
@font-face {
  font-family: 'Tajawal';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Tajawal-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Tajawal-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Tajawal-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Tajawal-ExtraBold.ttf') format('truetype');
}