:root {
--color-primary: #04A591;        
--color-primary-dark: #007A6B;   
--color-primary-fg: var(--color-primary-dark); 
--color-primary-soft: #E6F6F3;   
--color-discount: #F14A89;       
--color-stock: #34D399;          
--color-star: #F8C336;           
--color-ink: #16181D;            
--color-ink-soft: #2A2D35;       
--text-primary: #1A1F36;
--text-secondary: #6F7687;
--text-muted: #9AA1AF;
--text-on-primary: #FFFFFF;      
--surface: #FFFFFF;
--background: #F5F7FA;
--border: #E8ECF1;
--color-overlay: rgba(22, 24, 29, .45);  
--color-notice-bg: #FBF4E6;      
--color-notice-border: #F1E4C6;  
--color-notice-icon: #E0922C;    
--color-success: #21BF6D;        
--color-success-soft: #E4F7EC;   
--color-danger-soft: #FCE4EE;    
--color-ai-blob-a: #9B5CF2;      
--color-ai-blob-b: #E368E8;      
--color-ai-blob-c: #79A8FB;      
--radius-sm: 12px;   
--radius-md: 20px;   
--radius-lg: 28px;   
--radius-xl: 36px;   
--radius-pill: 999px;
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-8: 32px;
--space-10: 40px;
--space-12: 48px;
--space-16: 64px;
--shadow-card: 0 6px 20px rgba(17, 24, 39, .05);
--shadow-floating: 0 10px 35px rgba(4, 165, 145, .15);
--shadow-nav: 0 8px 30px rgba(0, 0, 0, .08);
--shadow-hover: 0 8px 24px rgba(17, 24, 39, .10);  
--transition-base: 150ms ease;  
--app-max: 520px;         
--container-max: 1280px;  
--reading-max: 720px;     
--header-h: calc(var(--space-12) + var(--space-3) * 2); 
--sidebar-w: 280px;       
--summary-w: 360px;       
--z-header: 50;
--z-bottomnav: 60;
--z-overlay: 80;
--z-sheet: 90;
--font-base: "Vazirmatn", system-ui, "Segoe UI", Tahoma, sans-serif;
--fw-regular: 400;
--fw-medium: 500;
--fw-semibold: 600;
--fw-bold: 700;
--fs-h1: 30px;       --lh-h1: 1.25;
--fs-h2: 23px;       --lh-h2: 1.3;
--fs-h3: 19px;       --lh-h3: 1.35;
--fs-body-lg: 16px;  --lh-body-lg: 1.6;
--fs-body: 14px;     --lh-body: 1.7;
--fs-caption: 12px;  --lh-caption: 1.5;
}
:root[data-theme="dark"] {
color-scheme: dark;
--background: #0F1420;
--surface: #171C28;
--border: #252C3B;
--color-ink: #1E2534;                  
--color-ink-soft: #273040;             
--color-overlay: rgba(0, 0, 0, .62);   
--text-primary: #E8EBF2;
--text-secondary: #9AA3B4;
--text-muted: #6B7385;
--color-primary: #04A591;
--color-primary-dark: #007A6B;                 
--color-primary-fg: #08AD99;
--color-primary-soft: rgba(4, 165, 145, .15);  
--color-success-soft: rgba(33, 191, 109, .16);
--color-danger-soft: rgba(241, 74, 137, .16);
--color-notice-bg: rgba(224, 146, 44, .12);
--color-notice-border: rgba(224, 146, 44, .30);
--shadow-card: 0 6px 20px rgba(0, 0, 0, .40);
--shadow-nav: 0 8px 30px rgba(0, 0, 0, .45);
--shadow-hover: 0 8px 24px rgba(0, 0, 0, .45);
--shadow-floating: 0 10px 35px rgba(0, 0, 0, .50);
}