// use custom props for components
$use-custom-props-for-components: true !default;

// use CSS Relative Color Syntax for color shades (modern browsers)
// When true: uses hsl(from var(--color) h s calc(l +/- X)) with a single base variable
// When false: uses legacy HSL channel separation (hue, saturation, lightness)
$use-color-mix: true !default;

// use CSS @layer for cascade management
$use-css-layers: false !default;

// layer names (order matters - later = higher priority)
$layer-order: (reset, preflight, props, components, themes, utilities) !default;
$layer-prefix: 'volver' !default;

// enable zero specificity for components
$zero-specificity-for-components: true !default;

// enable zero specificity for utilities
$zero-specificity-for-utilities: true !default;

// components prefix
$components-prefix: vv !default;

// preflight 
$preflight: true !default;

// components names
$components-names: (
	vv-accordion-group: $components-prefix + -accordion-group,
	vv-accordion: $components-prefix + -accordion,
	vv-alert-group: $components-prefix + -alert-group,
	vv-alert: $components-prefix + -alert,
	vv-avatar-group: $components-prefix + -avatar-group,
	vv-avatar: $components-prefix + -avatar,
	vv-badge: $components-prefix + -badge,
	vv-breadcrumb: $components-prefix + -breadcrumb,
	vv-button-group: $components-prefix + -button-group,
	vv-button: $components-prefix + -button,
	vv-card: $components-prefix + -card,
	vv-checkbox-group: $components-prefix + -checkbox-group,
	vv-checkbox: $components-prefix + -checkbox,
	vv-dialog: $components-prefix + -dialog,
	vv-dropdown-action: $components-prefix + -dropdown-action,
	vv-dropdown-optgroup: $components-prefix + -dropdown-optgroup,
	vv-dropdown-option: $components-prefix + -dropdown-option,
	vv-dropdown: $components-prefix + -dropdown,
	vv-input-file: $components-prefix + -input-file,
	vv-input-text: $components-prefix + -input-text,
	vv-nav: $components-prefix + -nav,
	vv-progress: $components-prefix + -progress,
	vv-radio-group: $components-prefix + -radio-group,
	vv-radio: $components-prefix + -radio,
	vv-select: $components-prefix + -select,
	vv-skeleton: $components-prefix + -skeleton,
	vv-tab: $components-prefix + -tab,
	vv-table: $components-prefix + -table,
	vv-text: $components-prefix + -text,
	vv-textarea: $components-prefix + -textarea,
	vv-tooltip: $components-prefix + -tooltip,
) !default;