# My Theme Configuration File

name: "My Custom Theme"
author: "WHMCS Limited"
config:
  parent: twenty-one 
 .primary-bg-color {
       background-color: #d60427; /* Example color */
   }

$this->addCss('css/custom.css'); 
   body {
       background-color: #4d759a; /* twenty-one: Light gray */
   }
    .btn-primary {
        background-color: #027a7a; /* New background color */
        color: #ffffff;           /* New text color */
        border-color: #027a7a;    /* New border color */
    }

    .btn-primary:hover {
        background-color: #e65c00; /* New background color on hover */
        border-color: #b34c00;    /* New border color on hover */
    }
    #yourSpecificButtonId {
        font-size: 18px;
        padding: 10px 20px;
        border-radius: 5px;
    }
    
      
]
 :root {

/* Primary color */
		
	--color-primary-background: #2f44c3;
	--color-primary-background-gradient-top: #2f44c3;
	--color-primary-background-gradient-bottom: #0b21a4;
	--color-primary-background-border: #000;
	--color-primary-background-shadow: #000;	
	--color-primary-foreground: #fff;
	
	--color-primary-foreground-shadow: #000;
	--font-body: 'Open Sans', sans-serif; /* The font used for all text other than headings */ 
	@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');
					
	:root {
	
		--font-body: 'Lato', sans-serif; /* The font used for all text other than headings */	
						
	}