/* @import url('fonts/fontawesome-6.4.0.min.css');
@import url('fonts/remixicon.css'); */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css');

:root {
	/* Orange  */
	--orange: #e67e22;
	--orange-dark: #d35400;
	--orange-light: #ff7a26;
	/* blue  */
	--blue: #1368BC;
	--blue-light: #83a8e3;
	/*  primary */
	--primary: #ff6600;
	--primary-light: #ffece0;
	--primary-dark: #e67e22;
	/*  secondary */
	--secondary: #0e1a2b;
	--secondary-light: #f3f6ff;
	--hoverblue: #324B81;
	--text-dark: #0e1a2b;
	--dark-text: #0e1a2b;
	--bg: #fff;
	--light-bg: #f8f9fc;
	--card-bg: #fff;
	--error-color: #e74c3c;
	--success-color: #27ae60;
	--border-color: #e0e4f0;
	--radius: 1rem;
	--transition: all 0.3s ease;
	
	/* login page  */
	/* Brand Colors */
	--login-primary-color: #ff6600;
	--login-primary-dark-color: #e67e22;
	--login-secondary-color: #4c6486;
	--login-secondary-light-color: #1e2a3b;
	/* Text Colors */
	--login-text-dark-color: #637894;
	--login-text-light-color: #666;
	/* Background Colors */
	--login-light-bg-color: #f8fbff;
	--login-white-color: #ffffff;
	/* Status Colors */
	--login-error-color: #e74c3c;
	--login-success-color: #27ae60;
	/* Layout Variables */
	--login-border-radius: 12px;
	--login-transition: all 0.3s ease;
	/* Form Spacing Variables - CRITICAL FOR STATIC LAYOUT */
	--login-username-height: 70px; /* input + error space */
	--login-dynamic-section-height: 195px;
	/* Space for OTP/Password content */
	--login-button-section-height: 65px; /* Button with top margin */
}

* {
	box-sizing: border-box;
	margin:0;
	padding:0;
}

body {
	font-family: 'Inter', sans-serif;
	background: #f9f9f9;
	color: #333;
	scroll-behavior: smooth;
	line-height: 1.6;
	overflow-x: hidden;
}

html {
	scroll-behavior: smooth;
}