:root{
--c-primary-50: oklch(0.97717647058824 0.01395454545455 70.08);
--c-primary-100: oklch(0.95035294117647 0.03272727272727 70.08);
--c-primary-200: oklch(0.90547058823529 0.06318181818182 70.08);
--c-primary-300: oklch(0.84047058823529 0.10604545454546 70.08);
--c-primary-400: oklch(0.75352941176471 0.15027272727273 70.08);
--c-primary-500: oklch(0.68270588235294 0.17009090909091 70.08);
--c-primary-600: oklch(0.59782352941176 0.16913636363636 70.08);
--c-primary-700: oklch(0.51494117647059 0.14940909090909 70.08);
--c-primary-800: oklch(0.44611764705882 0.12331818181818 70.08);
--c-primary-900: oklch(0.39458823529412 0.09963636363636 70.08);
--c-primary-950: oklch(0.27788235294118 0.07136363636364 70.08);
--c-primary: var(--c-primary-600);
--c-secondary-50: oklch(0.97717647058824 0.01395454545455 232.661);
--c-secondary-100: oklch(0.95035294117647 0.03272727272727 232.661);
--c-secondary-200: oklch(0.90547058823529 0.06318181818182 232.661);
--c-secondary-300: oklch(0.84047058823529 0.10604545454546 232.661);
--c-secondary-400: oklch(0.75352941176471 0.15027272727273 232.661);
--c-secondary-500: oklch(0.68270588235294 0.17009090909091 232.661);
--c-secondary-600: oklch(0.59782352941176 0.16913636363636 232.661);
--c-secondary-700: oklch(0.51494117647059 0.14940909090909 232.661);
--c-secondary-800: oklch(0.44611764705882 0.12331818181818 232.661);
--c-secondary-900: oklch(0.39458823529412 0.09963636363636 232.661);
--c-secondary-950: oklch(0.27788235294118 0.07136363636364 232.661);
--c-secondary: var(--c-secondary-600);
--c-accent-50: oklch(0.97717647058824 0.01395454545455 47.604);
--c-accent-100: oklch(0.95035294117647 0.03272727272727 47.604);
--c-accent-200: oklch(0.90547058823529 0.06318181818182 47.604);
--c-accent-300: oklch(0.84047058823529 0.10604545454546 47.604);
--c-accent-400: oklch(0.75352941176471 0.15027272727273 47.604);
--c-accent-500: oklch(0.68270588235294 0.17009090909091 47.604);
--c-accent-600: oklch(0.59782352941176 0.16913636363636 47.604);
--c-accent-700: oklch(0.51494117647059 0.14940909090909 47.604);
--c-accent-800: oklch(0.44611764705882 0.12331818181818 47.604);
--c-accent-900: oklch(0.39458823529412 0.09963636363636 47.604);
--c-accent-950: oklch(0.27788235294118 0.07136363636364 47.604);
--c-accent: var(--c-accent-600);
--c-success-50: oklch(0.97717647058824 0.01395454545455 149.214);
--c-success-100: oklch(0.95035294117647 0.03272727272727 149.214);
--c-success-200: oklch(0.90547058823529 0.06318181818182 149.214);
--c-success-300: oklch(0.84047058823529 0.10604545454546 149.214);
--c-success-400: oklch(0.75352941176471 0.15027272727273 149.214);
--c-success-500: oklch(0.68270588235294 0.17009090909091 149.214);
--c-success-600: oklch(0.59782352941176 0.16913636363636 149.214);
--c-success-700: oklch(0.51494117647059 0.14940909090909 149.214);
--c-success-800: oklch(0.44611764705882 0.12331818181818 149.214);
--c-success-900: oklch(0.39458823529412 0.09963636363636 149.214);
--c-success-950: oklch(0.27788235294118 0.07136363636364 149.214);
--c-success: var(--c-success-600);
--c-warning-50: oklch(0.97717647058824 0.01395454545455 70.08);
--c-warning-100: oklch(0.95035294117647 0.03272727272727 70.08);
--c-warning-200: oklch(0.90547058823529 0.06318181818182 70.08);
--c-warning-300: oklch(0.84047058823529 0.10604545454546 70.08);
--c-warning-400: oklch(0.75352941176471 0.15027272727273 70.08);
--c-warning-500: oklch(0.68270588235294 0.17009090909091 70.08);
--c-warning-600: oklch(0.59782352941176 0.16913636363636 70.08);
--c-warning-700: oklch(0.51494117647059 0.14940909090909 70.08);
--c-warning-800: oklch(0.44611764705882 0.12331818181818 70.08);
--c-warning-900: oklch(0.39458823529412 0.09963636363636 70.08);
--c-warning-950: oklch(0.27788235294118 0.07136363636364 70.08);
--c-warning: var(--c-warning-600);
--c-danger-50: oklch(0.97717647058824 0.01395454545455 27.325);
--c-danger-100: oklch(0.95035294117647 0.03272727272727 27.325);
--c-danger-200: oklch(0.90547058823529 0.06318181818182 27.325);
--c-danger-300: oklch(0.84047058823529 0.10604545454546 27.325);
--c-danger-400: oklch(0.75352941176471 0.15027272727273 27.325);
--c-danger-500: oklch(0.68270588235294 0.17009090909091 27.325);
--c-danger-600: oklch(0.59782352941176 0.16913636363636 27.325);
--c-danger-700: oklch(0.51494117647059 0.14940909090909 27.325);
--c-danger-800: oklch(0.44611764705882 0.12331818181818 27.325);
--c-danger-900: oklch(0.39458823529412 0.09963636363636 27.325);
--c-danger-950: oklch(0.27788235294118 0.07136363636364 27.325);
--c-danger: var(--c-danger-600);
--c-info-50: oklch(0.97717647058824 0.01395454545455 241.966);
--c-info-100: oklch(0.95035294117647 0.03272727272727 241.966);
--c-info-200: oklch(0.90547058823529 0.06318181818182 241.966);
--c-info-300: oklch(0.84047058823529 0.10604545454546 241.966);
--c-info-400: oklch(0.75352941176471 0.15027272727273 241.966);
--c-info-500: oklch(0.68270588235294 0.17009090909091 241.966);
--c-info-600: oklch(0.59782352941176 0.16913636363636 241.966);
--c-info-700: oklch(0.51494117647059 0.14940909090909 241.966);
--c-info-800: oklch(0.44611764705882 0.12331818181818 241.966);
--c-info-900: oklch(0.39458823529412 0.09963636363636 241.966);
--c-info-950: oklch(0.27788235294118 0.07136363636364 241.966);
--c-info: var(--c-info-600);
--c-gray-50: oklch(0.97717647058824 0 285.938);
--c-gray-100: oklch(0.95035294117647 0 285.938);
--c-gray-200: oklch(0.90547058823529 0 285.938);
--c-gray-300: oklch(0.84047058823529 0 285.938);
--c-gray-400: oklch(0.75352941176471 0 285.938);
--c-gray-500: oklch(0.68270588235294 0 285.938);
--c-gray-600: oklch(0.59782352941176 0 285.938);
--c-gray-700: oklch(0.51494117647059 0 285.938);
--c-gray-800: oklch(0.44611764705882 0 285.938);
--c-gray-900: oklch(0.39458823529412 0 285.938);
--c-gray-950: oklch(0.27788235294118 0 285.938);
--c-gray: var(--c-gray-600);
--font-heading: 'Cairo', 'IBM Plex Sans Arabic', system-ui, sans-serif;
--font-body: 'IBM Plex Sans Arabic', 'IBM Plex Sans Arabic', system-ui, sans-serif;
--font-latin: 'Inter', 'IBM Plex Sans Arabic', system-ui, sans-serif;
--radius-sm: 0.25rem;
--radius-md: 0.375rem;
--radius-lg: 0.625rem;
--radius-xl: 1rem;
--shadow-sm: 0 1px 2px rgb(15 23 42 / .06);
--shadow-md: 0 4px 14px -4px rgb(15 23 42 / .10);
--shadow-lg: 0 18px 40px -16px rgb(15 23 42 / .22);
--density: 1;
--motion: 1;
--bg: #f4f4f5;
--surface: #ffffff;
--surface-2: #ececee;
--text: #18181b;
--muted: #5f5f68;
--border: #e4e4e7;
}
.dark{
--bg: #0c0c0e;
--surface: #18181b;
--surface-2: #232327;
--text: #f4f4f5;
--muted: #a1a1aa;
--border: #2e2e33;
}