$variant: 'light';
$contrast: 'normal';

// Import the colours
@import 'colors-custom';

/* Accent Colors */
@define-color accent_color #{"" + $selected_bg_color};
@define-color accent_bg_color #{"" + $selected_bg_color};
@define-color accent_fg_color #{"" + $selected_fg_color};

/* Window Colors */
@define-color window_bg_color #{"" + $base_color};
@define-color window_fg_color #{"" + $fg_color};

/* View Colors */
@define-color view_bg_color #{"" + $text_input_color};
@define-color view_fg_color #{"" + $text_color};

/* Header Bar Colors */
@define-color headerbar_bg_color #{"" + $bg_dark_color};
@define-color headerbar_fg_color #{"" + $fg_dark_color};
@define-color headerbar_backdrop_color #{"" + $bg_dark_color};
@define-color headerbar_shade_color red;

/* Card Colors */
$card_color: darken($text_input_color, 6%);
@define-color card_bg_color #{"" + $card_color};
@define-color card_fg_color #{"" + $fg_color};
@define-color card_shade_color #{"" + $fg_color};

/* Popover Colors */
@define-color popover_bg_color #{"" + $popover_bg_color};
@define-color popover_fg_color #{"" + $fg_color};


/* Fix the avatar shape */
avatar { border-radius: 4px }