/*==================================
Theme Color All Codes Variable
==================================*/
:root {
	 --theme-ordinary-color: #64748b;  /* Slate 500 */
	 --theme-primary-color: #0ea5e9;  /* Ocean/Sky Blue */
	 --theme-secondary-color: #0f172a;  /* Slate 900 */
	 --theme-white-color: #ffffff;
	 --theme-light-color: #f8fafc;  /* Slate 50 */
	 --theme-gray-color: #f1f5f9;  /* Slate 100 */
	 --theme-footer-color: #0b0f19;  /* Deep dark footer background */
	 --theme-dark-color: #0b0f19;
	 --text-light-color: #94a3b8;  /* Slate 400 */
	 --theme-primary-opacity-color: rgba(14, 165, 233, 0.85);
	 --theme-secondary-opacity-color: rgba(15, 23, 42, 0.85);
	 --theme-white-opacity-color: rgba(255, 255, 255, 0.35);
	 --theme-dark-opacity-color: rgba(0, 0, 0, 0.55);

	 /* Premium design additions */
	 --theme-gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);
	 --theme-gradient-accent: linear-gradient(135deg, #10b981 0%, #059669 100%);
	 --theme-gradient-dark: linear-gradient(135deg, #0f172a 0%, #020617 100%);
	 --theme-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	 --theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
	 --theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
	 --theme-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
	 --theme-border-radius: 12px;
}
/*==================================
Font Variable
==================================*/
:root {
	 --theme-ordinary-font: 'Plus Jakarta Sans', sans-serif;  /* Premium modern sans-serif body font */
	 --theme-highlight-font: 'Playfair Display', serif;  /* Elegant, sophisticated heading font */
}