/**
 * at-amber Theme - Core Styles
 *
 * Foundation layer: CSS variables, resets, base typography, scrollbar
 * Version: 1.0
 * Date: 2025-11-09
 */

/* ===== CSS VARIABLES - BURNT AMBER THEME ===== */
:root {
	/* Base Colors - Warm Dark Tones */
	--bg-primary: #0f0b08;
	--bg-secondary: #1a1613;
	--bg-tertiary: #25201c;
	--bg-nav: rgba(15, 11, 8, 0.95);
	--bg-card: #1a1613;
	--bg-card-hover: #25201c;
	--bg-light: #0c0704;        /* Super dark brown with amber tint for chart backgrounds */
	--border: #332d28;

	/* Accent Colors - Warm Amber */
	--accent: #d4a574;
	--accent-glow: rgba(212, 165, 116, 0.2);

	/* Status Colors - Warm Amber Theme */
	--success: #8fb359;          /* Olive/sage green - earthy positive */
	--success-glow: rgba(143, 179, 89, 0.2);
	--danger: #c96843;           /* Burnt orange/rust - warm negative */
	--danger-glow: rgba(201, 104, 67, 0.2);
	--warning: #e8b44f;          /* Golden amber - caution */
	--warning-glow: rgba(232, 180, 79, 0.2);

	/* Text Colors - Warm Off-Whites */
	--text-primary: #f0e6de;
	--text-secondary: #b0a298;
	--text-tertiary: #7a7067;
}

/* ===== BASE STYLES ===== */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-color: var(--bg-primary);
	color: var(--text-primary);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	line-height: 1.6;
	min-height: 100vh;
	/* Warm background texture */
	background-image: linear-gradient(to left bottom, #2b1e05, #1e1506, #16120b, #21160a, #1b1209, #19120b, #17120d, #15120f, #191613, #1d1916, #211d19, #25201c);
}

/* ===== SCROLLBAR STYLES ===== */
/* Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: var(--accent-glow) transparent;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 12px;
}

*::-webkit-scrollbar-track {
	background: transparent;
}

*::-webkit-scrollbar-thumb {
	background-color: var(--accent-glow);
	border-radius: 10px;
	border: 1px solid var(--border);
}

*::-webkit-scrollbar-thumb:hover {
	background-color: rgba(212, 165, 116, 0.3);
}