notebook {
    background-color: {{ .Theme.Colors.Semantic.Background.Value }};
    border: 1px solid {{ .Theme.Colors.Semantic.Border.Value }};
}

notebook header {
    background-color: {{ .Theme.Colors.Semantic.Surface.Value }};
}

notebook tab {
    padding: {{ .Theme.Spacing.PaddingLarge }};
    border: 1px solid transparent;
    border-radius: {{ .Theme.Spacing.Radius }} {{ .Theme.Spacing.Radius }} 0 0;
    transition: all 0.2s ease;
}

notebook tab:hover {
    background-color: {{ .Theme.Colors.Semantic.SurfaceAlt.Value }};
}

notebook tab:checked {
    background-color: {{ .Theme.Colors.Semantic.Background.Value }};
    border-color: {{ .Theme.Colors.Semantic.Border.Value }};
    border-bottom-color: transparent;
    border-bottom: 2px solid {{ .Theme.Colors.Semantic.Accent.Value }};
    box-shadow: inset 0 -2px 0 {{ .Theme.Colors.Semantic.Accent.Value }};
}

notebook tab label {
    font-weight: bold;
    color: {{ .Theme.Colors.Semantic.Text.Value }};
}