/*
 ======================================================================================================
 
    @VERSION			: 1.0.0
    @CREATED			: 20 AUG 2019
    @MODIFIED			: 30 SEP 2019
    @DESIGNER			: Daniel C. K. Tan
    
    @FILE				: ~/css/variables.css
	@TYPE				: Style Sheet
	@DESCRIPTION		: CSS Custom Properties for Portal Branding and Customisation
	   
 ======================================================================================================
*/

:root {
	/* BRAND SETTINGS */
	--brand-colour-primary: #669900;
	--brand-colour-primary-light: #99cc33;
	--brand-colour-primary-dark: #467519; 
	--brand-colour-primary-darker: #336600;
	--brand-colour-secondary: #669900;
	--brand-font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
	
	/* DOCUMENT */
	--brand-doc-font-family: var(--brand-font-family);
	--brand-doc-link-color: var(--brand-colour-primary);
	--brand-doc-selection-bkg: #CCFF66;
	--brand-doc-selection-col: #333333;
	
	/* DASHBOARD CARDS */
	--brand-card-primary: var(--brand-colour-primary);
	
	/* HEADER */
	--brand-header-bkg: var(--brand-colour-primary-light);
	--brand-header-logout-bkg: var(--brand-colour-primary);
	--brand-header-logout-bkg-hover: var(--brand-colour-primary-darker);
	
	/* SIDEBAR */
	--brand-logo-bkg: var(--brand-colour-primary);
	--brand-sidebar-divider: #4f5962;
	--brand-navitem-active: var(--brand-colour-primary-light);
	--brand-navitem-active-icon: var(--brand-colour-primary-light);
	
	/* BUTTONS */
	--brand-btn-primary: var(--brand-colour-primary);
	--brand-btn-primary-hover: var(--brand-colour-primary-dark);
	
	/* LOGIN PAGE */
	/* --brand-login-image: url('../img/login-img.jpg'); */
	--brand-login-image: url('https://assets.learnforlife.sg/img/report/login-img.jpg');
}