@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap";@plugin "@tailwindcss/typography";@custom-variant dark (&:is(.dark *));@theme inline{--color-background: hsl(var(--background)); --color-foreground: hsl(var(--foreground)); --color-border: hsl(var(--border)); --color-input: hsl(var(--input)); --color-ring: hsl(var(--ring)); --color-card: hsl(var(--card)); --color-card-foreground: hsl(var(--card-foreground)); --color-card-border: hsl(var(--card-border)); --color-popover: hsl(var(--popover)); --color-popover-foreground: hsl(var(--popover-foreground)); --color-popover-border: hsl(var(--popover-border)); --color-primary: hsl(var(--primary)); --color-primary-foreground: hsl(var(--primary-foreground)); --color-primary-border: var(--primary-border); --color-secondary: hsl(var(--secondary)); --color-secondary-foreground: hsl(var(--secondary-foreground)); --color-secondary-border: var(--secondary-border); --color-muted: hsl(var(--muted)); --color-muted-foreground: hsl(var(--muted-foreground)); --color-muted-border: var(--muted-border); --color-accent: hsl(var(--accent)); --color-accent-foreground: hsl(var(--accent-foreground)); --color-accent-border: var(--accent-border); --color-destructive: hsl(var(--destructive)); --color-destructive-foreground: hsl(var(--destructive-foreground)); --color-destructive-border: var(--destructive-border); --color-chart-1: hsl(var(--chart-1)); --color-chart-2: hsl(var(--chart-2)); --color-chart-3: hsl(var(--chart-3)); --color-chart-4: hsl(var(--chart-4)); --color-chart-5: hsl(var(--chart-5)); --color-sidebar: hsl(var(--sidebar)); --color-sidebar-foreground: hsl(var(--sidebar-foreground)); --color-sidebar-border: hsl(var(--sidebar-border)); --color-sidebar-primary: hsl(var(--sidebar-primary)); --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground)); --color-sidebar-primary-border: var(--sidebar-primary-border); --color-sidebar-accent: hsl(var(--sidebar-accent)); --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground)); --color-sidebar-accent-border: var(--sidebar-accent-border); --color-sidebar-ring: hsl(var(--sidebar-ring)); --font-sans: var(--app-font-sans); --font-serif: var(--app-font-serif); --font-mono: var(--app-font-mono); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px);}:root{--button-outline:#0000001a;--badge-outline:#0000000d;--opaque-button-border-intensity:-8;--elevate-1:#00000008;--elevate-2:#00000014;--background:340 30% 97%;--foreground:340 20% 20%;--border:340 20% 88%;--card:340 20% 99%;--card-foreground:340 20% 20%;--card-border:340 20% 88%;--sidebar:340 30% 97%;--sidebar-foreground:340 20% 20%;--sidebar-border:340 20% 88%;--sidebar-primary:43 74% 49%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:340 60% 75%;--sidebar-accent-foreground:340 20% 20%;--sidebar-ring:43 74% 49%;--popover:340 20% 99%;--popover-foreground:340 20% 20%;--popover-border:340 20% 88%;--primary:43 74% 49%;--primary-foreground:0 0% 100%;--secondary:340 60% 75%;--secondary-foreground:340 20% 20%;--muted:340 20% 92%;--muted-foreground:340 20% 40%;--accent:340 60% 75%;--accent-foreground:340 20% 20%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--input:340 20% 88%;--ring:43 74% 49%;--chart-1:43 74% 49%;--chart-2:340 60% 75%;--chart-3:340 20% 20%;--chart-4:340 20% 88%;--chart-5:340 30% 97%;--app-font-sans:"Tajawal", sans-serif;--app-font-serif:Georgia, serif;--app-font-mono:Menlo, monospace;--radius:.5rem;--shadow-2xs:0px 2px 0px 0px #1da1f200;--shadow-xs:0px 2px 0px 0px #1da1f200;--shadow-sm:0px 2px 0px 0px #1da1f200, 0px 1px 2px -1px #1da1f200;--shadow:0px 2px 0px 0px #1da1f200, 0px 1px 2px -1px #1da1f200;--shadow-md:0px 2px 0px 0px #1da1f200, 0px 2px 4px -1px #1da1f200;--shadow-lg:0px 2px 0px 0px #1da1f200, 0px 4px 6px -1px #1da1f200;--shadow-xl:0px 2px 0px 0px #1da1f200, 0px 8px 10px -1px #1da1f200;--shadow-2xl:0px 2px 0px 0px #1da1f200;--tracking-normal:0em;--spacing:.25rem;--sidebar-primary-border:hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--sidebar-accent-border:hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--primary-border:hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--secondary-border:hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--muted-border:hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--accent-border:hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--destructive-border:hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha)}