/**
 * CSS Variables
 *
 * @package EGCI_Template
 * @since 1.0.0
 */

/* ============================================
   CSS Variables
   ============================================ */
:root {
	--egci-primary: #fbbb01;
	--egci-secondary: #333333;
	--egci-text: #0e0e0e;
	--egci-text-light: #666666;
	--egci-bg: #ffffff;
	--egci-bg-light: #f5f5f5;
	--egci-border: #e0e0e0;
	--egci-shadow: rgba(0, 0, 0, 0.1);
	--egci-transition: all 0.3s ease;
	--egci-font-primary: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--egci-font-heading: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--egci-spacing: 1rem;
	--egci-container-width: 1200px;
	--clr-black: 0, 0%, 0%;
}

/* Dark Mode Variables */
[data-theme="dark"] {
	--egci-text: #e0e0e0;
	--egci-text-light: #b0b0b0;
	--egci-bg: #1a1a1a;
	--egci-bg-light: #2a2a2a;
	--egci-border: #404040;
	--egci-shadow: rgba(0, 0, 0, 0.3);
}