:root {

	/* ==========================================================================
	   Brand
	   ========================================================================== */

	--wc-color-primary: #B8905B;
	--wc-color-primary-hover: #A57F4F;

	/* ==========================================================================
	   Surface
	   ========================================================================== */

	--wc-color-background: #F7F8FA;
	--wc-color-surface: #FFFFFF;

	/* ==========================================================================
	   Text
	   ========================================================================== */

	--wc-color-text: #1F2937;
	--wc-color-text-light: #6B7280;

	/* ==========================================================================
	   Border
	   ========================================================================== */

	--wc-color-border: #E5E7EB;

	/* ==========================================================================
	   Status
	   ========================================================================== */

	--wc-color-success: #16A34A;
	--wc-color-warning: #F59E0B;
	--wc-color-danger: #DC2626;
	--wc-color-info: #2563EB;

	/* ==========================================================================
	   Radius
	   ========================================================================== */

	--wc-radius-sm: 8px;
	--wc-radius-md: 12px;
	--wc-radius-lg: 18px;
	--wc-radius-xl: 24px;

	/* ==========================================================================
	   Shadows
	   ========================================================================== */

	--wc-shadow-xs: 0 1px 3px rgba(15,23,42,.04);
	--wc-shadow-sm: 0 2px 8px rgba(15,23,42,.05);
	--wc-shadow-md: 0 10px 30px rgba(15,23,42,.08);
	--wc-shadow-lg: 0 20px 45px rgba(15,23,42,.12);

	/* ==========================================================================
	   Transition
	   ========================================================================== */

	--wc-transition-fast: .2s ease;
	--wc-transition: all .25s ease;
	--wc-transition-slow: .35s ease;

	/* ==========================================================================
	   Spacing
	   ========================================================================== */

	--wc-space-xs: .5rem;
	--wc-space-sm: .75rem;
	--wc-space-md: 1rem;
	--wc-space-lg: 1.5rem;
	--wc-space-xl: 2rem;
	--wc-space-2xl: 3rem;

	/* ==========================================================================
	   Layout
	   ========================================================================== */

	--wc-sidebar-width: 280px;
	--wc-header-height: 72px;
	--wc-container: 1400px;

	/* ==========================================================================
	   Focus
	   ========================================================================== */

	--wc-focus-ring: 0 0 0 3px rgba(184,144,91,.25);

	/* ==========================================================================
	   Z-Index
	   ========================================================================== */

	--wc-z-dropdown: 100;
	--wc-z-sticky: 500;
	--wc-z-modal: 1000;
	--wc-z-toast: 1100;

}