/*
GLOBAL CSS
|--------------------------------------------------------------------------
| WEBSITE COLOR TOKEN GROUPS
|--------------------------------------------------------------------------
|
| primary       : Brand color
| secondary     : Secondary or premium accent
| background    : Whole-site background
| surface       : Product cards, boxes, popups
| text          : Main text
| text-muted    : Descriptions, subtitles, breadcrumbs
| border        : Inputs, cards, table borders
| button        : Purchase and checkout buttons
| price         : Product price
| sale          : Sale badges
| stock         : Stock states
| form          : Inputs, selects, textareas
| status        : Success, error, warning, info
| header/footer : Main layout areas
| shadow        : Cards, modals, dropdowns
|
|--------------------------------------------------------------------------
*/
:root {
	/* Brand */
	--vbxwoo-primary: #850705;
	--vbxwoo-primary-hover: #6f0504;
	--vbxwoo-secondary: #d6b56d;
	--vbxwoo-accent: #c97c7c;

	/* Neutral */
	--vbxwoo-dark: #000000;
	--vbxwoo-light: #ffffff;
	--vbxwoo-other: #f9f9f9;
	--vbxwoo-background: #faf7f2;
	--vbxwoo-surface: #ffffff;
	--vbxwoo-surface-soft: #f6eeee;

	/* Text */
	--vbxwoo-text: #222222;
	--vbxwoo-text-muted: #777777;
	--vbxwoo-text-light: #ffffff;

	/* Border */
	--vbxwoo-border: #eadede;
	--vbxwoo-border-strong: #d8caca;

	/* Button */
	--vbxwoo-btn: #850705;
	--vbxwoo-btn-text: #ffffff;
	--vbxwoo-btn-hover: #6f0504;
	--vbxwoo-btn-border: #850705;

	--vbxwoo-btn-outline: transparent;
	--vbxwoo-btn-outline-text: #850705;
	--vbxwoo-btn-outline-border: #850705;
	--vbxwoo-btn-outline-hover: #850705;
	--vbxwoo-btn-outline-hover-text: #ffffff;

	/* Product */
	--vbxwoo-price: #850705;
	--vbxwoo-old-price: #999999;
	--vbxwoo-sale: #b83232;
	--vbxwoo-sale-text: #ffffff;
	--vbxwoo-stock: #2f8f46;
	--vbxwoo-out-stock: #b85c5c;
	--vbxwoo-rating: #f5b301;

	/* Form */
	--vbxwoo-input-bg: #ffffff;
	--vbxwoo-input-text: #222222;
	--vbxwoo-input-border: #eadede;
	--vbxwoo-input-focus: #850705;
	--vbxwoo-placeholder: #999999;

	/* Status */
	--vbxwoo-success: #2f8f46;
	--vbxwoo-warning: #d6a84f;
	--vbxwoo-error: #b85c5c;
	--vbxwoo-info: #4f7cac;

	/* Header / Footer */
	--vbxwoo-header-bg: #ffffff;
	--vbxwoo-header-text: #222222;
	--vbxwoo-footer-bg: #1c1111;
	--vbxwoo-footer-text: #ffffff;

	/* Overlay */
	--vbxwoo-overlay: rgba(0, 0, 0, 0.55);

	/* Shadow */
	--vbxwoo-shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.08);
	--vbxwoo-shadow-card: 0 8px 30px rgba(0, 0, 0, 0.12);

	/* Archive page tokens */
	--vbx-bg: #F8F7F4;
	--vbx-surface: #FFFFFF;
	--vbx-border: #E8E4DE;
	--vbx-text-primary: #1A1A1A;
	--vbx-text-body: #4A4A4A;
	--vbx-text-muted: #9A9A9A;
	--vbx-accent: #3D6B4F;
	--vbx-accent-light: #EAF0EC;
	--vbx-price: #C0392B;
	--vbx-price-old: #9A9A9A;
	--vbx-star: #E8A020;
	--vbx-radius-sm: 6px;
	--vbx-radius-md: 12px;
	--vbx-radius-lg: 20px;
	--vbx-radius-pill: 999px;
	--vbx-color-bg: #f8f7f4;
	--vbx-color-surface: #ffffff;
	--vbx-color-border: #e8e4de;
	--vbx-color-text-primary: #1a1a1a;
	--vbx-color-text-body: #4a4a4a;
	--vbx-color-text-muted: #9a9a9a;
	--vbx-color-accent: #3d6b4f;
	--vbx-color-accent-light: #eaf0ec;
	--vbx-color-price: #c0392b;
	--vbx-color-price-old: #9a9a9a;
	--vbx-color-star: #e8a020;
	--vbx-transition: 0.2s ease;

	/* Bootstrap Override */
	--bs-font-sans-serif: Arial, sans-serif;
	--bs-font-monospace: "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg,
			rgba(255, 255, 255, 0.15),
			rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
}

:focus-visible {
	outline: none;
}

/* END GLOBAL CSS */

body {
	color: var(--vbxwoo-dark);
}