:root {
  /* Colors - HSL */
  --uk-primary-h: 225; --uk-primary-s: 72%; --uk-primary-l: 52%;
  --uk-primary: hsl(var(--uk-primary-h), var(--uk-primary-s), var(--uk-primary-l));
  --uk-primary-light: hsl(var(--uk-primary-h), var(--uk-primary-s), 96%);
  --uk-primary-dark: hsl(var(--uk-primary-h), var(--uk-primary-s), 42%);
  --uk-secondary-h: 160; --uk-secondary-s: 64%; --uk-secondary-l: 48%;
  --uk-secondary: hsl(var(--uk-secondary-h), var(--uk-secondary-s), var(--uk-secondary-l));
  --uk-danger: hsl(0, 72%, 52%);
  --uk-warning: hsl(38, 92%, 52%);
  --uk-success: hsl(142, 64%, 42%);
  --uk-info: hsl(200, 72%, 52%);
  /* Neutrals */
  --uk-gray-50: hsl(220, 14%, 97%);
  --uk-gray-100: hsl(220, 14%, 94%);
  --uk-gray-200: hsl(220, 12%, 88%);
  --uk-gray-300: hsl(220, 10%, 76%);
  --uk-gray-400: hsl(220, 8%, 56%);
  --uk-gray-500: hsl(220, 8%, 42%);
  --uk-gray-600: hsl(220, 10%, 32%);
  --uk-gray-700: hsl(220, 14%, 22%);
  --uk-gray-800: hsl(220, 18%, 14%);
  --uk-gray-900: hsl(220, 20%, 8%);
  --uk-white: #fff;
  /* Spacing */
  --uk-sp-1: 0.25rem; --uk-sp-2: 0.5rem; --uk-sp-3: 0.75rem;
  --uk-sp-4: 1rem; --uk-sp-5: 1.25rem; --uk-sp-6: 1.5rem;
  --uk-sp-8: 2rem; --uk-sp-10: 2.5rem; --uk-sp-12: 3rem;
  --uk-sp-16: 4rem;
  /* Radius */
  --uk-radius-sm: 6px; --uk-radius: 10px; --uk-radius-lg: 14px;
  --uk-radius-xl: 20px; --uk-radius-full: 9999px;
  /* Shadows */
  --uk-shadow-xs: 0 1px 2px hsla(220,20%,20%,0.05);
  --uk-shadow-sm: 0 1px 3px hsla(220,20%,20%,0.08), 0 1px 2px hsla(220,20%,20%,0.04);
  --uk-shadow: 0 4px 6px -1px hsla(220,20%,20%,0.08), 0 2px 4px -2px hsla(220,20%,20%,0.04);
  --uk-shadow-md: 0 8px 16px -4px hsla(220,20%,20%,0.1), 0 4px 6px -4px hsla(220,20%,20%,0.05);
  --uk-shadow-lg: 0 16px 32px -8px hsla(220,20%,20%,0.12);
  /* Typography */
  --uk-font: 'IBM Plex Sans Arabic', 'Segoe UI', system-ui, sans-serif;
  --uk-font-mono: 'IBM Plex Mono', monospace;
  --uk-text-xs: 0.75rem; --uk-text-sm: 0.875rem; --uk-text-base: 1rem;
  --uk-text-lg: 1.125rem; --uk-text-xl: 1.25rem; --uk-text-2xl: 1.5rem;
  --uk-text-3xl: 1.875rem; --uk-text-4xl: 2.25rem;
  --uk-leading-tight: 1.25; --uk-leading-normal: 1.6; --uk-leading-loose: 1.8;
  /* Z-index */
  --uk-z-dropdown: 100; --uk-z-sticky: 200; --uk-z-modal-backdrop: 300;
  --uk-z-modal: 400; --uk-z-toast: 500;
  /* Transitions */
  --uk-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --uk-duration-fast: 150ms; --uk-duration: 250ms; --uk-duration-slow: 400ms;
}