// Copyright (C) 2019-2021 Estonian Information System Authority.
// See the file 'LICENSE' for copying permission.

// colors -   may be replaced with css variables when support schemes are
//            deem valid for most stable browsers. #R&D
$blue: #2E94F1
$red: #FF0000
$dark: #0F485A
$white: #FFFFFF
$black: #000000
$border: #CCCCCC
$yellow: #FCC200
$green: #82DB7A
$light: rgba($black, .05)
$light-matte: #f2f2f2
$row-odd: #FFFFFF
$row-even: #E8F0F1
$text-color: $black

$text-color-dark: #AAAAAA
$border-dark: $black
$background-light: $light
$background-dark: #151515
$row-even-dark: #061d24
$row-odd-dark: #05161b

// code syntax block layout
$code-light: $light
$code-light-text: $dark
$code-dark: $dark
$code-dark-text: $light-matte

// dimensional constants
$gap: 0.75rem
$radius: .4rem

$navbar-height: 3.5625rem
$footer-height: 10rem

// viewport breakpoints
$breakpoint-large: 90rem // 1440px
$breakpoint-medium: 70rem // 1120px
$breakpoint-small: 60rem // 960px
$breakpoint-mobile: 40rem // 640px

// font stacks
$font-stack-default: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
$font-stack-monospace: Consolas, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace

// default input css reset
%input-reset
  -webkit-appearance: none
  border: 0
  box-shadow: none
  border-radius: 0
  font-size: 1em
  background: transparent
  width: 100%
  box-sizing: border-box
  &:focus
    outline: none

// declare dark mode edits
=dark-mode
  .is-theme-dark &
    @content

  .is-theme-auto &
    @media (prefers-color-scheme: dark)
      @content
