:root {
    --input-text: #1e1e1e;
    --content-primary: #444;
    --content-primary-light: hsla(0,0%,100%,1);
    --content-secondary: rgba(0,0,0,0.7);
    --content-secondary-light: hsla(0,0%,100%,0.7);
    --content-tertiary: rgba(0,0,0,0.4);
    --content-tertiary-light: hsla(0,0%,100%,0.28);
    --content-accent: #0d93f2;
    --content-error: #e8304f;
    --content-success: #20ac89;
    --content-warning: #ad961f;
    --background-primary: #f9f9f9;
    --background-secondary: #FFFFFF;
    --background-tertiary: #f2f2f2;
    --background-accent: #d4edff;
    --background-extra-accent: #ffecce;
    --background-dark: #8d8d8d;
    --background-disabled: rgba(47, 47, 47, 0.2);
    --background-info: rgba(13,147,242,0.12);
    --background-error: rgb(210 39 67);
    --background-success: #1f8d1f;
    --background-overlay: rgba(255,255,255,0.5);
    --background-button-submit: #0d93f2;
    --border-default: rgba(0,0,0,0.08);
    --border-default-light: #dcdcdc;
    --border-error: #da1d3d;
    --border-success: #23a023;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.dark {
    --content-primary: hsla(0,0%,100%,0.87);
    --content-primary-light: hsla(0,0%,100%,1);
    --content-secondary: hsla(0,0%,100%,0.6);
    --content-secondary-light: hsla(0,0%,100%,0.6);
    --content-tertiary: hsla(0,0%,100%,0.28);
    --content-tertiary-light: hsla(0,0%,100%,0.28);
    --content-accent: #0d93f2;
    --content-error: #b82e45;
    --content-success: #1b9878;
    --content-warning: #ad961f;
    --background-primary: #1d1d20;
    --background-secondary: #27272b;
    --background-tertiary: #303136;
    --background-overlay: rgba(0,0,0,0.5);
    --background-accent: rgba(13,147,242,0.12);
    --background-extra-accent: #ffa61245;
    --background-disabled: rgba(58, 58, 58, 0.4);
    --background-dark: #818181;
    --background-button-submit: #0d93f2;
    --background-info: rgba(13,147,242,0.12);
    --background-error: rgb(210 39 67 / 36%);
    --background-success: rgb(0 255 190 / 30%);
    --border-default: hsla(0,0%,100%,0.06);
    --border-default-light: #3e3e3e;
    --border-error: #731122;
    --border-success: #1b9878;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.dark .feature {
    background:var(--background-secondary) !important;
    color: var(--content-secondary) !important;
    border: 1px solid var(--border-default);
}
.feature blockquote { background:var(--background-secondary) !important;; border:1px solid var(--border-default) !important;; border-radius:4px; border-left:4px solid var(--border-success) !important;; }

body {
    margin: 0;
    background-color: var(--background-primary) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
body.dark .header,
body.dark .news .cover,
body.dark .modeTab.widgetMode{
    background-color: var(--background-primary) !important;
}
.notificationsPrompt, .feature.notificationsPrompt, .feature.featureRequestsPrompt {
    background-color: var(--background-secondary) !important;
}
.roadmapFormInputContainer:focus-within label {
    color: var(--content-accent) !important;
}
.roadmapForm form .roadmapFormInput{
    background: var(--background-tertiary) !important;
    border: 1px solid var(--border-default-light) !important;
    color: var(--content-primary) !important;
}
a.modeButton:after{
    border-color: #7bcdff !important;
}
.headerSubtitle,
.featureTitle,
.headerTitle,
.headerTitle a,
.headerMention a,
.headerSubtitle
{
    color: var(--content-primary) !important;
}
.news, .poweredFooter,
.embed.beamer_active .container{
    background: var(--background-primary) !important;
}
.dark .feature.hasReadMore .featureContent .readmoreButton,
.dark .feature.hasReadMore .readmoreButton {
    background: var(--background-tertiary) !important;
    color: var(--content-secondary) !important;
}
.feature h3 {
    color: var(--content-tertiary) !important;
}
.dark .feature.hasReadMore .featureContent:after {
    background: transparent;
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#ffffff)); */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), #2a2a2a);
    background: -moz-linear-gradient(top, rgba(255,255,255,0), #2a2a2a);
    background: -o-linear-gradient(top, rgba(255,255,255,0), #2a2a2a);
    background: linear-gradient(top, rgba(255,255,255,0), #2a2a2a);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#2a2a2a', GradientType=0);
    -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#2a2a2a', GradientType=0);";
}
.dark .featureFeedback {
    border-color: var(--border-default-light) !important;
}
.dark .feedbackInput, .getWidth {
    background: var(--background-secondary) !important;
    border: 1px solid var(--border-default-light) !important;
}
.dark .featureRequestsPrompt .promptContent .promptContentText {
 color: var(--content-accent) !important;
}
.roadmapForm form .roadmapFormSubmit{
    background: var(--background-button-submit) !important;
    color: var(--content-primary-light) !important;
}