// Color scheme for light and dark modes.

$light: #ff0066;
$dark: #1ba77e;

// Highlighting color for code block borders and language name.

$code-light: #ff0066;
$code-dark: #d0f6db;

$message-green: #62bb47;
$message-yellow: #fcb827;
$message-orange: #f6821f;
$message-red: #e03940;
$message-purple: #953c96;
$message-blue: #009ddc;

$root-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
$code-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$root-font-size: 16px;
$root-line-height: 1.5;

$body-color: rgba(0,0,0,.8);
$body-bg: rgba(0,0,0,.03);
$body-color-dark: hsla(0,0%,100%,.8);
$body-bg-dark: rgba(0,0,0,.9);

$large-breakpoint: 38em;
$large-font-size: 20px;

// Midnight color scheme

$midnight-text-color: rgba(0,0,0,.8);
$midnight-text-color-dark: hsla(0,0%,100%,.8);
$midnight-body-bg: #FFFFFF;
$midnight-body-bg-dark: #000000;
$midnight-accent-light: rgba(191,90,242,1.0);
$midnight-accent-dark: rgba(10,132,255,1.0);
$midnight-code-light: rgba(191,90,242,1.0);
$midnight-code-dark: rgba(10,132,255,1.0);
$midnight-header-light: #838383;
$midnight-header-dark: #C0C0C0;
