@use '../../../variables' as *;

.#{$prefix}theme-centurion {
	.#{$prefix}drawer {
		--#{$prefix}drawer-background: #fff;
		--#{$prefix}drawer-border-width: 1px;
		--#{$prefix}drawer-border-color: rgba(9, 30, 66, 0.14);

		--#{$prefix}drawer-xs-width: calc(100% - 4rem);

		&--sm {
			--#{$prefix}drawer-width: 320px;
		}

		&--md {
			--#{$prefix}drawer-width: 640px;
		}

		&--lg {
			--#{$prefix}drawer-width: 720px;
		}

		&--xl {
			--#{$prefix}drawer-width: 1080px;
		}

		&--full {
			--#{$prefix}drawer-width: 100%;
		}

		&-header {
			--#{$prefix}drawer-header-border-color: rgba(9, 30, 66, 0.14);

			--#{$prefix}drawer-header-title-font-weight: 500;
			--#{$prefix}drawer-header-title-color: var(--#{$prefix}title-color);

			--#{$prefix}drawer-header-subtitle-font-weight: 400;
			--#{$prefix}drawer-header-subtitle-color: var(--#{$prefix}subtitle-color);

			--#{$prefix}drawer-header-min-height: 36px;
			--#{$prefix}drawer-header-padding-y: 6px;
			--#{$prefix}drawer-header-padding-x: 12px;
			--#{$prefix}drawer-header-padding-level: 20px;
			--#{$prefix}drawer-header-gap: 12px;

			--#{$prefix}drawer-header-title-font-size: 12px;
			--#{$prefix}drawer-header-title-line-height: 18px;

			--#{$prefix}drawer-header-subtitle-font-size: 11px;
			--#{$prefix}drawer-header-subtitle-line-height: 16px;
		}

		&-body {
			--#{$prefix}drawer-body-padding-y: 16px;
			--#{$prefix}drawer-body-padding-x: 12px;
		}

		&-footer {
			--#{$prefix}drawer-footer-min-height: 36px;
			--#{$prefix}drawer-footer-padding-y: 6px;
			--#{$prefix}drawer-footer-padding-x: 12px;

			--#{$prefix}drawer-footer-border-color: rgba(9, 30, 66, 0.14);
		}
	}
}