/* توكنات التصميم – قابلة للتخصيص عبر ThemeConfigurator */
:root {
  /* الهوية البصرية – الإمارات (القيم الافتراضية) */
  --golden: #b78d1f;
  --light-blue: #364b9b;
  --grey-1: #717474;
  --grey-2: #898b8e;
  --grey-3: #b2b1b1;
  --dark-blue: #0a2240;
  --maroon: #7a2530;
  --beige: #bc955c;

  /* أولويات اللون – تُحدَّث ديناميكياً من ThemeConfigurator */
  --materio-primary: var(--dark-blue);
  --materio-primary-hover: #0d2d52;
  --materio-primary-light: rgba(10, 34, 64, 0.08);
  --materio-primary-focus: rgba(10, 34, 64, 0.2);
  --materio-accent: var(--golden);
  --materio-accent-soft: rgba(183, 141, 31, 0.12);

  /* دلالية */
  --materio-success: #198754;
  --materio-warning: var(--golden);
  --materio-danger: var(--maroon);
  --materio-info: var(--light-blue);

  /* محايدات */
  --materio-body-bg: #f2f4f6;
  --materio-paper: #fff;
  --materio-text: #1a1d21;
  --materio-text-muted: var(--grey-1);
  --materio-border: rgba(10, 34, 64, 0.08);
  --materio-border-strong: rgba(10, 34, 64, 0.15);

  /* تباعد */
  --materio-space-1: 0.25rem;
  --materio-space-2: 0.5rem;
  --materio-space-3: 0.75rem;
  --materio-space-4: 1rem;
  --materio-space-5: 1.25rem;
  --materio-space-6: 1.5rem;

  /* نصف قطر */
  --materio-radius-sm: 0.5rem;
  --materio-radius-md: 0.625rem;
  --materio-radius-lg: 0.75rem;

  /* طباعة */
  --materio-font-sans: 'Tajawal', 'Dubai', 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  --materio-text-xs: 0.75rem;
  --materio-text-sm: 0.875rem;
  --materio-text-base: 1rem;
  --materio-text-lg: 1.125rem;
  --materio-text-xl: 1.25rem;
  --materio-text-2xl: 1.5rem;
  --materio-font-semibold: 600;
  --materio-font-bold: 700;

  /* ظلال ناعمة */
  --materio-shadow-sm: 0 1px 3px rgba(10, 34, 64, 0.06);
  --materio-shadow-md: 0 4px 14px rgba(10, 34, 64, 0.08);
  --materio-shadow-lg: 0 8px 24px rgba(10, 34, 64, 0.12);
}