/*
Theme Name: RTF Theme
Theme URI: https://aisq.vn
Author: AISQ.VN
Author URI: https://aisq.vn
Description: A basic WordPress theme template for financial blogs and websites.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rtf-theme
Tags: blog, one-column, two-columns, right-sidebar, custom-menu, featured-images
*/

/* ============================================================
 * BASE STYLES – Reset, Variables, Utilities, Layout
 * ============================================================ */

:root {
	--nav-h: 0px;
	--wpadminbar-h: 0px;

	/* Primary Colors */
	--primary: #123e8a;
	--primary-hover: #0d2d65;

	/* Background Colors */
	--bg-white: #ffffff;
	--bg-gray-50: #f9fafb;
	--bg-gray-100: #f3f4f6;
	--bg-gray-200: #e5e7eb;

	/* Text Colors */
	--text-primary: #1f2937;
	--text-secondary: #4b5563;
	--text-muted: #6b7280;
	--text-light: #9ca3af;
	--text-white: #ffffff;

	/* Border Colors */
	--border-light: #e5e7eb;
	--border-medium: #d1d5db;
	--border-primary: #c9c9c9;
	--color-gray-light: #c9c9c9;

	/* Spacing */
	--spacing-xs: 0.5rem;
	--spacing-sm: 0.75rem;
	--spacing-md: 1rem;
	--spacing-lg: 1.5rem;
	--spacing-xl: 2rem;

	/* Border Radius */
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 16px;

	/* Transitions */
	--transition-fast: 0.2s ease;
	--transition-normal: 0.3s ease;

	/* Shadows */
	--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.padding-top-nav {
	padding-top: var(--nav-h);
}

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

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	background-color: #ffffff;
}

.site-content {
	display: flex;
	flex-direction: row;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}

.content-area {
	flex: 1;
	min-width: 0;
	overflow-x: hidden;
}

/* Page Layout */
#page {
	position: relative;
}

/* Tailwind-like utility classes for the navigation */
.bg-main-bg-color {
	background-color: #ffffff;
}

.bg-secondary-bg-color {
	background-color: #123e8a;
}

.text-main-text-color {
	color: #333333;
}

.text-secondary-text-color {
	color: #ffffff;
}

.text-secondary-bg-color {
	color: #123e8a;
}

.fill-secondary-bg-color {
	fill: #123e8a;
}

/* Smooth transitions */
body,
.bg-main-bg-color,
.bg-secondary-bg-color {
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
}

/* Footer Styles */
.bg-footer-bg-color {
	background-color: #123e8a;
}