:root {
  
    --primary: #2e7157;          
    --primary-dark: #1f4f3a;       
    --primary-light: #3e8e60;      

  
    --secondary: #0cb4a6;        
    --secondary-dark: #0b8c83;    
    --secondary-light: #5dd7c8;   

  
    --accent: #d4aa40;            

  
    --bg-light: #fbfaf7;          
    --bg-white: #ffffff;
    --border: #e6e2d8;

  
    --text-dark: #2d2d2d;
    --text-medium: #555;
    --text-light: #888;

   
    --shadow-sm: 0 2px 8px rgba(46, 113, 87, 0.08);
    --shadow-md: 0 4px 16px rgba(46, 113, 87, 0.12);
    --shadow-lg: 0 8px 24px rgba(46, 113, 87, 0.16);

    
    --gradient-primary: linear-gradient(135deg, var(--secondary) 0%, #27496d 100%);
    --gradient-secondary: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-light) 100%);

    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --border-radius: 16px;
}


/* ----------------------------   سبز یشمی اصلی  پالت رنگ دوم--------------------------------------------------

:root {
    --primary: #4A7C59;
    --primary-dark: #2E5A3B;
    --primary-light: #6B9D7D;
    --secondary: #6B4423;
    --secondary-dark:#4A2E15 ;
    --secondary-light: #8B6F47;
    --accent: #D4A574;
    --bg-light: #FAF8F3;
    --bg-white: #FFFFFF;
    --text-dark: #2C2416;
    --text-medium: #6B5D4F;
    --text-light: #9B8B7E;
    --border: #E8DFD0;
    --shadow-sm: 0 2px 8px rgba(107, 68, 35, 0.08);
    --shadow-md: 0 4px 16px rgba(107, 68, 35, 0.12);
    --shadow-lg: 0 8px 24px rgba(107, 68, 35, 0.16);
    --shadow-xl: 0 12px 32px rgba(107, 68, 35, 0.2);
    --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);
    --gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.8) 100%);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --border-radius: 16px;
}


---------------------------- پالت رنگ سوم--------------------------------------------------

:root {
  
    --primary: #2e7157;          
    --primary-dark: #1f4f3a;       
    --primary-light: #3e8e60;      
    --secondary: #0cb4a6;          
    --secondary-dark: #0b8c83;     
    --secondary-light: #5dd7c8;    
    --accent: #d4aa40;            
    --bg-light: #fbfaf7;           
    --bg-white: #ffffff;
    --border: #e6e2d8;
    --shadow-sm: 0 2px 8px rgba(46, 113, 87, 0.08);
    --shadow-md: 0 4px 16px rgba(46, 113, 87, 0.12);
    --shadow-lg: 0 8px 24px rgba(46, 113, 87, 0.16);




 ---------------------------- پالت محرم--------------------------------------------------


:root {
    --primary: #cfcfcf;          
    --primary-dark: #000000;      
    --primary-light: #d1d1d1;    
    --secondary: #a41e22;          
    --secondary-dark: #a30107;     
    --secondary-light: #c94347;   
    --accent: #d4aa40;           
    --bg-light: #151515;           
    --bg-white: #383838;         
    --border: #292929;             
    --text-dark: #f5f5f5;         
    --text-medium: #bbb;          
    --text-light: #888;           
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
    --gradient-primary: linear-gradient(135deg, #2b0000 0%, #000000 100%);
    --gradient-secondary: linear-gradient(135deg, #3d0000 0%, #111 100%);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --border-radius: 16px;
}

*/