// Unsets everything so you can style everything from scratch
* {
  all: unset;
}

// We get $scale from scale.scss, auto-generated by ~/.config/eww/scripts/init
@import '_scale.scss';
@function dpi($value) {
  $unit: if(unitless($value), null, unit($value));

  @if ($unit == "px" or $unit == "pt") {
    @return ($value * $scale);
  } @else {
    // Return the original value if it's not px or pt
    @return $value;
  }
}

// Common
$font_sans: "Kyok Medium";
$font_sans_light: "Kyok Light";
// $font_sans: "Google Sans Medium";
$round_max: 999px;
$sidebar_corner_radius: dpi(20px);

@import 'colors.scss';
@import 'animations.scss';

@import 'widgets/circular-symbol-icon.scss';
@import 'widgets/circular-symbol-with-text.scss';

@import 'windows/sidebar.scss';
@import 'windows/workspaces.scss';
@import 'windows/bottom-bar.scss';
@import 'windows/alarms.scss';
@import 'windows/networks.scss';
@import 'windows/powermenu.scss';
@import 'windows/split-indicator.scss';
@import 'windows/microphone-indicator.scss';
@import 'windows/mode-indicator.scss';

// Global Styles
window {
  background: transparent;
  color: $xfg;
}
