@use '../../scss/theming' as *;

// stylelint-disable selector-class-pattern
@mixin daff-navbar-theme($theme) {
	$base: daff-get-base-color($theme, base);
	$black: daff-get-base-color($theme, 'black');

	.daff-navbar {
		background: $base;

		&.blurred {
			background: rgba($base, 0.5);
		}

		&.elevated {
			box-shadow: 0 4px 10px rgba($black, 0.08);
		}
	}
}