source: main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/styles/theme.scss@ 35456

////
/// Applies default themes and styles.
////

@use "./_material.scss";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    --monospace-font: 1rem 'Roboto Mono', sans-serif;
    --page-bg-color: #f7f4f0;
    --highlighted-word-bg: rgba(255, 255, 0, 0.4);
}

body {
    background-color: var(--page-bg-color);
    color: var(--body-color);
    font-family: 'Roboto', sans-serif;
    
    margin: 0;
    padding: 0;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

hr {
    @extend .divider;
}

input[type="checkbox"] {
    @extend .switch;
}

.btn-primary .material-icons {
    margin-right: 0.3em;
}

.btn-fab .material-icons {
    margin-right: 0em;
}

/* Material Design Icon sizes */

.mdi-s {
    font-size: 18px;
}

.mdi-m {
    font-size: 24px;
}

.mdi-l {
    font-size: 36px;
}

.mdi-xl {
    font-size: 48px;
}