//   Copyright 2024 Cisco Systems, Inc.
//
//   Licensed under the Apache License, Version 2.0 (the "License");
//   you may not use this file except in compliance with the License.
//   You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//   Unless required by applicable law or agreed to in writing, software
//   distributed under the License is distributed on an "AS IS" BASIS,
//   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//   See the License for the specific language governing permissions and
//   limitations under the License.
//
//   SPDX-License-Identifier: Apache-2.0

@use '@angular/material' as mat;

@use '../../base/typography';

$table-header-background: transparent;
$table-cell-background: transparent;

// Customize the entire app. Change :root to your selector if you want to scope the styles.
:root {
	@include mat.table-overrides(
		(
			background-color: $table-header-background,
			header-headline-weight: 600,
			header-headline-color: var(--text-primary),
			row-item-label-text-color: var(--text-primary)
		)
	);
}

.mat-mdc-table {
	.mat-mdc-row:hover {
		background-color: var(--hover-color);
	}

	.mat-mdc-header-row {
		@include typography.paragraph-bold-p3-small-bold;
		text-align: left;
	}

	.mat-mdc-cell {
		@include typography.paragraph-regular-p4-xSmall;
		text-align: left;
	}
}
