/*
 *   This file is part of 6502.ts, an emulator for 6502 based systems built
 *   in Typescript
 *
 *   Copyright (c) 2014 -- 2020 Christian Speckner and contributors
 *
 *   Permission is hereby granted, free of charge, to any person obtaining a copy
 *   of this software and associated documentation files (the "Software"), to deal
 *   in the Software without restriction, including without limitation the rights
 *   to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *   copies of the Software, and to permit persons to whom the Software is
 *   furnished to do so, subject to the following conditions:
 *
 *   The above copyright notice and this permission notice shall be included in all
 *   copies or substantial portions of the Software.
 *
 *   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *   IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *   FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *   AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *   LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 *   SOFTWARE.
 */

@import "constants";

:root {
    --character-width: #{$character-width};
    --character-height: #{$character-height};
    --font-size: #{$font-size};
    --line-height: #{$line-height};
    --px: #{$px};
    --cw: #{$cw};

    --black: #{$black};
    --dark-gray: #{$dark-gray};
    --blue: #{$blue};
    --light-blue: #{$light-blue};
    --green: #{$green};
    --light-green: #{$light-green};
    --cyan: #{$cyan};
    --light-cyan: #{$light-cyan};
    --red: #{$red};
    --light-red: #{$light-red};
    --magenta: #{$magenta};
    --light-magenta: #{$light-magenta};
    --brown: #{$brown};
    --yellow: #{$yellow};
    --light-gray: #{$light-gray};
    --white: #{$white};

    --background-color-default: #{$background-color-default};
    --text-color-default: #{$text-color-default};

    background: $background-color-default;
    color: $text-color-default;
    font-family: dos;
    font-size: $font-size;
    line-height: $line-height;
}

p {
    margin-block-end: 1em;
    margin-block-start: 1em;
}

a {
    &, &:visited, &:active, &:hover, &:focus {
        color: inherit;
        text-decoration: underline;
    }
}

strong {
    color: $cyan;
}
