/* Variables setting for bootstrap */
$gray-darker: lighten(#000, 13.5%);
$gray-dark: lighten(#000, 20%);
$gray: lighten(#000, 33.5%);
$gray-light: lighten(#000, 55%);
$gray-lighter: lighten(#000, 93.5%);
$gray-lightest: lighten(#000, 97.25%);

$font-family-sans-serif: var(--pretix-font-family-sans-serif);
$text-color: #222222 !default;
$text-muted: #767676 !default;
$input-color-placeholder: lighten(#000, 70%) !default;

$border-radius-base: var(--pretix-border-radius-base);
$border-radius-large: var(--pretix-border-radius-large);
$border-radius-small: var(--pretix-border-radius-small);

$navbar-inverse-bg: #3b1c4a !default;
$navbar-inverse-link-color: white;
$navbar-inverse-link-hover-color: $gray-lighter;
$navbar-inverse-brand-hover-color: $gray-lighter;
$navbar-inverse-color: white;

$brand-primary: var(--pretix-brand-primary);
$brand-success: var(--pretix-brand-success);
$brand-info: var(--pretix-brand-info);
$brand-warning: var(--pretix-brand-warning);
$brand-danger: var(--pretix-brand-danger);
$body-bg: var(--pretix-body-bg);

$state-success-bg: var(--pretix-brand-success-lighten-48);
$state-success-bg-hover: var(--pretix-brand-success-lighten-38);
$state-success-border: var(--pretix-brand-success);
$state-success-text: var(--pretix-brand-success-darken-10);
$state-success-text-hover: var(--pretix-brand-success-darken-20);
$state-success-border-focus: var(--pretix-brand-success-darken-20);
$state-success-shadow-focus: var(--pretix-brand-success);
$state-success-shadow: var(--pretix-brand-success-lighten-10);

$state-info-bg: var(--pretix-brand-info-lighten-33);
$state-info-bg-hover: var(--pretix-brand-info-lighten-23);
$state-info-border: var(--pretix-brand-info);
$state-info-text: var(--pretix-brand-info-darken-20);
$state-info-text-hover: var(--pretix-brand-info-darken-30);

$state-warning-bg: var(--pretix-brand-warning-lighten-41);
$state-warning-bg-hover: var(--pretix-brand-warning-lighten-31);
$state-warning-border: var(--pretix-brand-warning);
$state-warning-text: var(--pretix-brand-warning-darken-25);
$state-warning-text-hover: var(--pretix-brand-warning-darken-35);
$state-warning-border-focus: var(--pretix-brand-warning-darken-35);
$state-warning-shadow-focus: var(--pretix-brand-warning-darken-15);
$state-warning-shadow: var(--pretix-brand-warning-darken-5);

$state-danger-bg: var(--pretix-brand-danger-lighten-43);
$state-danger-bg-hover: var(--pretix-brand-danger-lighten-33);
$state-danger-border: var(--pretix-brand-danger);
$state-danger-text: var(--pretix-brand-danger-darken-5);
$state-danger-text-hover: var(--pretix-brand-danger-darken-15);
$state-danger-border-focus: var(--pretix-brand-danger-darken-15);
$state-danger-shadow-focus: var(--pretix-brand-danger-lighten-5);
$state-danger-shadow: var(--pretix-brand-danger-lighten-15);

$panel-success-border: var(--pretix-brand-success-tint-50);
$panel-success-heading-bg: var(--pretix-brand-success-tint-50);
$panel-danger-border: var(--pretix-brand-danger-tint-50);
$panel-danger-heading-bg: var(--pretix-brand-danger-tint-50);
$panel-warning-border: var(--pretix-brand-warning-tint-50);
$panel-warning-heading-bg: var(--pretix-brand-warning-tine-50);
$panel-default-border: #e5e5e5 !default;
$panel-default-heading-bg: #e5e5e5 !default;

$link-hover-color: var(--pretix-brand-primary-darken-15);

$btn-default-border: #CCCCCC;

$btn-primary-border: var(--pretix-brand-primary-darken-5);
$btn-primary-border-active: var(--pretix-brand-primary-darken-30);
$btn-primary-border-hover: var(--pretix-brand-primary-darken-17);
$btn-primary-background-active: var(--pretix-brand-primary-darken-10);

$btn-success-border: var(--pretix-brand-success-darken-5);
$btn-success-border-active: var(--pretix-brand-success-darken-30);
$btn-success-border-hover: var(--pretix-brand-success-darken-17);
$btn-success-background-active: var(--pretix-brand-success-darken-10);

$btn-info-border: var(--pretix-brand-info-darken-5);
$btn-info-border-active: var(--pretix-brand-info-darken-30);
$btn-info-border-hover: var(--pretix-brand-info-darken-17);
$btn-info-background-active: var(--pretix-brand-info-darken-10);

$btn-warning-border: var(--pretix-brand-warning-darken-5);
$btn-warning-border-active: var(--pretix-brand-warning-darken-30);
$btn-warning-border-hover: var(--pretix-brand-warning-darken-17);
$btn-warning-background-active: var(--pretix-brand-warning-darken-10);

$btn-danger-border: var(--pretix-brand-danger-darken-5);
$btn-danger-border-hover: var(--pretix-brand-danger-darken-17);
$btn-danger-border-active: var(--pretix-brand-danger-darken-30);
$btn-danger-background-active: var(--pretix-brand-danger-darken-10);

$list-group-active-text-color: var(--pretix-brand-primary-lighten-40);

$brand-primary-darken-10: var(--pretix-brand-primary-darken-10);

$table-bg: transparent !default;
$table-bg-accent: #f9f9f9 !default;
$table-bg-hover: #f5f5f5 !default;
$table-bg-active: $table-bg-hover !default;
$table-bg-active-hover: darken($table-bg-active, 5%);

$label-default-bg: $gray-light !default;
$label-default-bg-hover: darken($gray-light, 10%);
$label-primary-bg: var(--pretix-brand-primary);
$label-primary-bg-hover: var(--pretix-brand-primary-darken-10);
$label-success-bg: var(--pretix-brand-success);
$label-success-bg-hover: var(--pretix-brand-success-darken-10);
$label-info-bg: var(--pretix-brand-info);
$label-info-bg-hover: var(--pretix-brand-info-darken-10);
$label-warning-bg: var(--pretix-brand-warning);
$label-warning-bg-hover: var(--pretix-brand-warning-darken-10);
$label-danger-bg: var(--pretix-brand-danger);
$label-danger-bg-hover: var(--pretix-brand-danger-darken-10);

$alert-success-bg: var(--pretix-brand-success-tint-85);
$alert-success-text: var(--pretix-brand-success-shade-42);
$alert-success-border: var(--pretix-brand-success);
$alert-success-hr: var(--pretix-brand-success-darken-5);
$alert-success-link: var(--pretix-brand-success-shade-42);

$alert-info-bg: var(--pretix-brand-info-tint-85);
$alert-info-text: var(--pretix-brand-info-shade-42);
$alert-info-border: var(--pretix-brand-info);
$alert-info-hr: var(--pretix-brand-info-darken-5);
$alert-info-link: var(--pretix-brand-info-shade-42);

$alert-warning-bg: var(--pretix-brand-warning-tint-85);
$alert-warning-text: var(--pretix-brand-warning-shade-42);
$alert-warning-border: var(--pretix-brand-warning);
$alert-warning-hr: var(--pretix-brand-warning-darken-5);
$alert-warning-link: var(--pretix-brand-warning-shade-42);

$alert-danger-bg: var(--pretix-brand-danger-tint-85);
$alert-danger-text: var(--pretix-brand-danger-shade-42);
$alert-danger-border: var(--pretix-brand-danger);
$alert-danger-hr: var(--pretix-brand-danger-darken-5);
$alert-danger-link: var(--pretix-brand-danger-shade-42);

$main-box-bg: #FFFFFF;

$slider-primary-top: var(--pretix-brand-primary);
$slider-primary-bottom: var(--pretix-brand-primary-darken-5);
$slider-secondary-top: var(--pretix-brand-primary-lighten-28-saturate-20);
$slider-secondary-bottom: var(--pretix-brand-primary-lighten-23-saturate-2);

/* The following vars default to $body-bg in bootstrap, which we don't want */
$nav-tabs-active-link-hover-bg: #FFFFFF;
$nav-tabs-justified-active-link-border-color: #FFFFFF;
$thumbnail-bg: #FFFFFF;
