@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 0%;--foreground: 0 0% 96%;--primary: 0 0% 50%;--primary-foreground: 0 0% 96%;--card: 0 0% 7%;--card-foreground: 0 0% 96%;--popover: 0 0% 7%;--popover-foreground: 0 0% 96%;--border: 0 0% 14%;--input: 0 0% 14%;--ring: 0 0% 50%}.light{--background: 0 0% 100%;--foreground: 240 10% 10%;--primary: 0 0% 50%;--primary-foreground: 0 0% 96%;--card: 0 0% 96%;--card-foreground: 240 10% 10%;--popover: 0 0% 96%;--popover-foreground: 240 10% 10%;--border: 0 0% 89%;--input: 0 0% 89%;--ring: 0 0% 50%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;font-family:Almarai,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Cairo,sans-serif}}