@use 'apps/dashboard/src/variables' as *;

$color-required: red;
$height-toolbar: rhythm(6);
$height-main: calc(100dvh - #{$height-toolbar} - var(--app-topbar-height));
$height-sidebar-header: rhythm(4);
$padding-sidebar: rhythm(3);
$padding-sidebar-content: rhythm(2);
$width-sidebar: rhythm(45);
$width-sidebar-large: rhythm(80);

@mixin form-label() {
  color: $color-neutral-regular;
  font-size: font-size(s);
  font-weight: $font-weight-semi-bold;
  margin-bottom: rhythm(0.5);
  .required {
    color: $color-required;
  }
}
