/**
 *
 * Copyright (c) 2024 Analog Devices, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 *
 * 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.
 *
 */
@use './colors';
@use './fonts';
@use './table';

#root {
	height: 100%;
}

html,
body {
	// The vscode toolkit button component does not map correctly the background color
	// when the appearance type is set to secondary
	--button-primary-background: #{colors.$button-primary-background};
	--button-secondary-background: #{colors.$button-secondary-background};
	--button-primary-hover-background: #{colors.$button-primary-hover-background};

	margin: 0;
	padding: 0;
	background: colors.$default-background;
	color: colors.$default-foreground;
	font-family: fonts.$default-font-family;
	font-size: fonts.$font-size-small;
	font-weight: fonts.$default-font-weight;
	height: 100vh;
}

h1 {
	font-size: 26px;
	font-weight: 700;
	line-height: 31px;
	margin: 12px 0;
}

h2 {
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	margin: 12px 0;
}

h3 {
	font-size: 13px;
	font-weight: 500;
	line-height: 15px;
}

p,
span,
label {
	line-height: 14px;
}

svg {
	fill: colors.$default-foreground;
}
