﻿@import url('./mainlayout.css');
@import url('./navMenu.css');
@import url('./foo-styles.css');
@import url('./toast.css');
@import url('./appbar.css');
@import url('./appmenu.css');
@import url('./chips.css');
@import url('./form-input.css');
@import url('./grids.css');
@import url('./tabs.css');
@import url('./stepEditor.css');
@import url('./dialog.css');

:root {
	/* Primary Foo Brand  */
	/*	--foo-font-regular: 'Univers 55 Roman', sans-serif;
	--foo-font-condensed: 'Univers 57 Condensed', sans-serif;
	--foo-font-bold: 'Univers 67 Bold Condensed', sans-serif;*/
	--foo-blue-gradient: linear-gradient(to right, #00A0DD, #0B3B60);
	/* Primary Colors */
	--foo-blue2: #0B3B60; /* PMS 2955 */
	--foo-blue: #00A0DD; /* PMS 299 */
	--foo-orange: #EF9F53; /* PMS 157 */
	/* Secondary Colors */
	--foo-gray: #A9A89E; /* PMS 414 */
	--foo-plum: #6F1D46; /* PMS 222 */
	--foo-gold: #C8982C; /* PMS 117 */
	--foo-teal: #7D9C91; /* PMS 5565 */

	--foo-success: #4BA870;
	--foo-danger: #B04A4A;
	--foo-success: #4BA870;
	--foo-danger: #B04A4A;
 
	/* Hover States */
	--foo-blue-hover: rgba(11, 59, 96, 0.50);
	--foo-success-hover: rgba(75, 168, 112, 0.50);
	--foo-danger-hover: rgba(176, 74, 74, 0.50);

	/* Bootstrap Subtle Colors */
	--primary-subtle: #cfe2ff;
	--success-subtle: #d1e7dd;
	--warning-subtle: #fff3cd;
	--danger-subtle: #f8d7da;
	--info-subtle: #cff4fc;
	--secondary-subtle: #e2e3e5;
	--light-subtle: #f8f9fa;
	--dark-subtle: #d3d3d4;
}
 
.bg-danger {
	--bs-bg-opacity: 1;
	background-color: #B04A4A !important;
}
.bg-success {
	--bs-bg-opacity: 1;
	background-color: #4BA870 !important;
}
.text-foo-danger {
	color: #B04A4A;
}

.text-foo-success {
	color: var(--foo-success);
}

.text-foo-blue2  {
	color: var(--foo-blue2);
}
/* Custom font-size classes extending Bootstrap 5 */
.fs-7 {
	font-size: 0.875rem !important; /* 14px if base is 16px */
}

.fs-8 {
	font-size: 0.75rem !important; /* 12px if base is 16px */
}

/* Optional: Even smaller sizes if needed */
.fs-9 {
	font-size: 0.625rem !important; /* 10px if base is 16px */
}

.fs-10 {
	font-size: 0.5rem !important; /* 8px if base is 16px */
}