:root {  --sm-background: #f0fdf4; --sm-foreground: #0a0a0a; --sm-surface: #ffffff; --sm-surface-alt: #f5f5f5; --sm-surface-muted: #fafafa;  --sm-accent: #d32424; --sm-accent-hover: #b91c1c; --sm-accent-dark: #b91c1c; --sm-accent-soft: rgba(211, 36, 36, 0.08); --sm-accent-glow: rgba(211, 36, 36, 0.35);  --sm-border: #e5e5e5; --sm-border-dark: #d4d4d4; --sm-muted: #525252; --sm-muted-light: #737373; --sm-white: #ffffff; --sm-black: #000000; --sm-overlay: rgba(10, 10, 10, 0.5);   --sm-font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--sm-font-arabic: 'Noto Naskh Arabic', 'Amiri', 'Traditional Arabic', serif;
--sm-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.5rem; --text-2xl: 2rem; --text-3xl: 2.5rem; --text-5xl: 3rem;  --tracking-tight: -0.02em;
--tracking-normal: 0em;
--tracking-wide: 0.04em;
--tracking-kicker: 0.1em; --leading-none: 1;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--leading-loose: 1.75;  --sp-1: 8px; --sp-2: 16px; --sp-3: 24px; --sp-4: 32px; --sp-5: 40px; --sp-6: 48px; --sp-7: 56px; --sp-8: 64px; --sp-9: 72px; --sp-10: 80px; --sp-11: 88px; --sp-12: 96px;  --sm-max-width: 1200px; --sm-content-width: 680px; --sm-reading-width: 840px; --sm-narrow-width: 720px; --sm-header-height: 64px;  --sm-radius-sm: 4px; --sm-radius: 6px; --sm-radius-md: 8px; --sm-radius-lg: 12px; --sm-radius-pill: 9999px; --sm-radius-full: 9999px;  --sm-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--sm-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
--sm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
--sm-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
--sm-shadow-card-hover: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04); --sm-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
--sm-transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
--sm-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
} @media (prefers-reduced-motion: reduce) {
:root {
--sm-transition-fast: 0.01ms !important;
--sm-transition: 0.01ms !important;
--sm-transition-slow: 0.01ms !important;
}
}