// Main template
$template_background: var(--wpcb-template-background);
$template_accent: var(--wpcb-template-accent);
$template_gallery: var(--wpcb-template-gallery);
$template_border: var(--wpcb-template-border-color);
$template_link: var(--wpcb-template-link-color);
$template_link_hover: var(--wpcb-template-link-hover-color);

$template_title_color: var(--wpcb-template-title-color);
$template_color: var(--wpcb-template-color);

// Options
$option_background: var(--wpcb-option-background);
$option_border: var(--wpcb-option-border);
$option_color: var(--wpcb-option-color);

$option_hover_background: var(--wpcb-option-hover-background);
$option_hover_border: var(--wpcb-option-hover-border);
$option_hover_color: var(--wpcb-option-hover-color);

$option_active_background: var(--wpcb-option-active-background);
$option_active_border: var(--wpcb-option-active-border);
$option_active_color: var(--wpcb-option-active-color);

// Buttons
$button_background: var(--wpcb-button-background);
$button_border: var(--wpcb-button-border);
$button_color: var(--wpcb-button-color);

$button_hover_background: var(--wpcb-button-hover-background);
$button_hover_border: var(--wpcb-button-hover-border);
$button_hover_color: var(--wpcb-button-hover-color);

// Button alt colors
$button_alt_background: var(--wpcb-button-alt-background);
$button_alt_border: var(--wpcb-button-alt-border);
$button_alt_color: var(--wpcb-button-alt-color);

$button_alt_hover_background: var(--wpcb-button-alt-hover-background);
$button_alt_hover_border: var(--wpcb-button-alt-hover-border);
$button_alt_hover_color: var(--wpcb-button-alt-hover-color);

// Stock badge colors
$stock_badge_background: var(--wpcb-stock-badge-background);
$stock_badge_border: var(--wpcb-stock-badge-border);
$stock_badge_color: var(--wpcb-stock-badge-color);

$no_stock_badge_background: var(--wpcb-no-stock-badge-background);
$no_stock_badge_border: var(--wpcb-no-stock-badge-border);
$no_stock_badge_color: var(--wpcb-no-stock-badge-color);

// Notice colors
$color_success: var(--wpcb-success);
$color_danger: var(--wpcb-danger);
$color_error: var(--wpcb-error);

$notice_check_url: var(--wpcb-notice-check-url);
$notice_error_url: var(--wpcb-notice-error-url);
$checkbox_url: var(--wpcb-checkbox-url);
$spinner_url: var(--wpcb-spinner-url);

// Spacing

$spacing_form: 30px;
$spacing_form_side: 30px;

$spacing_form_mb: 20px;

$spacing_form_field: 20px;
$spacing_form_field_inner: 12px;
$spacing_form_item: 10px;

$spacing_form_heading: 15px;
$spacing_form_note: 8px;
$spacing_form_option: 5px;

$spacing_form_badge: 4px;
$spacing_form_badge_side: 8px;

$spacing_swatch_field: 5px;

$spacing_option_field: 12px;
$spacing_option_field_side: 18px;

$spacing_input_field: 12px;
$spacing_input_field_side: 16px;

$spacing_form_panel: 20px;
$spacing_form_panel_side: 30px;

$spacing_button: 14px;
$spacing_button_side: 16px;

$spacing_summary: 8px;
$spacing_summary_side: 14px;

$spacing_table: 12px;
$spacing_table_alt: 8px;
$spacing_table_col: 6px;

$spacing_wishlist: 20px;

$spacing_tabs: 12px;
$spacing_steps: 16px;

$spacing_button_icon: 5px;
$spacing_button_icon_md: 8px;
$spacing_button_icon_lg: 12px;

// Fonts

$font_size_tiny: 12px;
$font_size_small: 14px;
$font_size_base: 15px;
$font_size_regular: 16px;
$font_size_medium: 18px;
$font_size_large: 20px;
$font_size_big: 24px;