@import "./sass/twict/functions";

$twictColorTopbar: var(--twict-color-topbar) !default;
$twictColorTopbarContrast: var(--twict-color-topbar-contrast) !default;

$twictColorBackground: var(--twict-color-background) !default;
$twictColorBackgroundContrast: var(--twict-color-background-contrast) !default;

$twictColorForeground: var(--twict-color-foreground) !default;
$twictColorForegroundContrast: var(--twict-color-foreground-contrast) !default;

$twictColorPrimary: var(--twict-color-primary) !default;
$twictColorPrimaryContrast: var(--twict-color-primary-contrast) !default;

$twictColorSecondary: var(--twict-color-secondary) !default;
$twictColorSecondaryContrast: var(--twict-color-secondary-contrast) !default;

$twictColorInfo: var(--twict-color-info) !default;
$twictColorInfoContrast: var(--twict-color-info-contrast) !default;

$twictColorSuccess: var(--twict-color-success) !default;
$twictColorSuccessContrast: var(--twict-color-success-contrast) !default;

$twictColorWarning: var(--twict-color-warning) !default;
$twictColorWarningContrast: var(--twict-color-warning-contrast) !default;

$twictColorHelp: var(--twict-color-help) !default;
$twictColorHelpContrast: var(--twict-color-help-contrast) !default;

$twictColorDanger: var(--twict-color-danger) !default;
$twictColorDangerContrast: var(--twict-color-danger-contrast) !default;

:root {
  --twict-color-topbar-contrast-filter-color: #{$twictColorTopbarContrast};
  --twict-color-background-contrast-filter-color: #{twict-rgba($twictColorBackgroundContrast, .87)};
  --twict-color-foreground-contrast-filter-color: #{twict-rgba($twictColorForegroundContrast, .87)};
  --twict-color-primary-contrast-filter-color: #{twict-rgba($twictColorPrimaryContrast, .87)};
  --twict-color-secondary-contrast-filter-color: #{twict-rgba($twictColorSecondaryContrast, .87)};
  --twict-color-info-contrast-filter-color: #{twict-rgba($twictColorInfoContrast, .87)};
  --twict-color-success-contrast-filter-color: #{twict-rgba($twictColorSuccessContrast, .87)};
  --twict-color-warning-contrast-filter-color: #{twict-rgba($twictColorWarningContrast, .87)};
  --twict-color-help-contrast-filter-color: #{twict-rgba($twictColorHelpContrast, .87)};
  --twict-color-danger-contrast-filter-color: #{twict-rgba($twictColorDangerContrast, .87)};
}

@import "./sass/twict/theme";
@import "./sass/twict/layout";