:root{color-scheme:light;--color-primary: #141d2b;--color-primary-strong: #141d2b;--color-primary-soft: #e2e8f0;--color-accent: #e56a2e;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-500: #64748b;--color-neutral-700: #334155;--color-neutral-900: #141d2b;--color-surface: #ffffff;--color-surface-alt: #f5f7fa;--color-text: #141d2b;--color-text-body: #4b5563;--color-text-muted: #4b5563;--color-border: #e7e9ed;--color-disabled: #94a3b8;--color-disabled-bg: #e2e8f0;--font-arabic: "Tajawal", sans-serif;--font-latin: "IBM Plex Sans", sans-serif;--font-sans: var(--font-arabic);--font-size-display: 2.5rem;--font-size-h1: 2.5rem;--font-size-h2: 2.25rem;--font-size-h3: 1.5rem;--font-size-body-lg: 1.5rem;--font-size-body: 1.125rem;--font-size-body-sm: .875rem;--font-size-lg: 1.125rem;--font-size-md: 1rem;--font-size-sm: .875rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-extra-bold: 800;--line-height-tight: normal;--line-height-normal: 1.5;--line-height-relaxed: normal;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-section-x: 5rem;--space-section-y: 6.25rem;--container-max: 1280px;--container-text: 1200px;--container-products: 1360px;--space-products-x: 2.5rem;--radius-sm: .5rem;--radius-card: 1rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-pill: 999px;--shadow-soft: 0 4px 12px #0f172a14;--shadow-card: 0 4px 12px #0f172a14;line-height:var(--line-height-normal);font-family:var(--font-sans);font-weight:var(--font-weight-regular);background-color:var(--color-surface);color:var(--color-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{direction:rtl}body{margin:0;min-height:100vh;background:var(--color-surface-alt);color:var(--color-text);text-align:start}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}main,section,header,footer,nav{display:block}p,h1,h2,h3,h4,h5,h6{margin:0}:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}