:root:not(.light):not(.dark) {
    --text-primary: #1b1b1b;
    --text-secondary: #4e4e4e;
    --text-inactive: #9e9e9ea6;
    --text-link: #0069c2;
    --text-invert: #fff;
    --background-primary: #fff;
    --background-secondary: #f9f9fb;
    --background-tertiary: #fff;
    --background-toc-active: #ebeaea;
    --background-mark-yellow: rgba(199,183,0,.4);
    --background-mark-green: rgba(0,208,97,.4);
    --background-information: rgba(0,133,242,.1);
    --background-warning: rgba(255,42,81,.1);
    --background-critical: rgba(211,0,56,.1);
    --background-success: rgba(0,121,54,.1);
    --border-primary: #cdcdcd;
    --border-secondary: #cdcdcd;
    --button-primary-default: #1b1b1b;
    --button-primary-hover: #696969;
    --button-primary-active: #9e9e9e;
    --button-primary-inactive: #1b1b1b;
    --button-secondary-default: #fff;
    --button-secondary-hover: #cdcdcd;
    --button-secondary-active: #cdcdcd;
    --button-secondary-inactive: #f9f9fb;
    --button-secondary-border-focus: #0085f2;
    --button-secondary-border-red: #ff97a0;
    --button-secondary-border-red-focus: #ffd9dc;
    --icon-primary: #696969;
    --icon-secondary: #b3b3b3;
    --icon-information: #0085f2;
    --icon-warning: #ff2a51;
    --icon-critical: #d30038;
    --icon-success: #007936;
    --accent-primary: #0085f2;
    --accent-primary-engage: rgba(0,133,242,.1);
    --accent-secondary: #0085f2;
    --accent-tertiary: rgba(0,133,242,.1);
    --field-focus-border: #0085f2;
    --code-token-tag: #0069c2;
    --code-token-punctuation: #9e9e9e;
    --code-token-attribute-name: #d30038;
    --code-token-attribute-value: #007936;
    --code-token-comment: #9e9e9e;
    --code-token-default: #1b1b1b;
    --code-token-selector: #872bff;
    --code-background-inline: #f2f1f1;
    --code-background-block: #f2f1f1;
    --notecard-link-color: #343434;
    --scrollbar-bg: transparent;
    --scrollbar-color: rgba(0,0,0,.25);
    --category-color: #0085f2;
    --category-color-background: #0085f210;
    --code-color: #5e9eff;
    --mark-color: #dce2f2;
    --plus-accent-color: #d30038;
    --html-accent-color: #d30038;
    --css-accent-color: #0069c2;
    --js-accent-color: #afa100;
    --http-accent-color: #007936;
    --apis-accent-color: #872bff;
    --learn-accent-color: #d00058;
    --plus-code-color: #0069c2;
    --html-code-color: #9e0027;
    --css-code-color: #0069c2;
    --js-code-color: #746a00;
    --http-code-color: #007936;
    --apis-code-color: #872bff;
    --learn-code-color: #d00058;
    --plus-mark-color: #ffd9dc;
    --html-mark-color: #ffd9dc;
    --css-mark-color: #dce2f2;
    --js-mark-color: #f0e498;
    --http-mark-color: #a9f3ba;
    --apis-mark-color: #e6deff;
    --learn-mark-color: #ffd9df;
    --plus-accent-background-color: #ff2a5130;
    --html-accent-background-color: #ff2a5130;
    --css-accent-background-color: #0085f230;
    --js-accent-background-color: #93870030;
    --http-accent-background-color: #009a4630;
    --apis-accent-background-color: #9b65ff30;
    --learn-accent-background-color: #ff1f7230;
    --plus-accent-engage: rgba(255,42,81,.7);
    --html-accent-engage: rgba(255,42,81,.7);
    --css-accent-engage: rgba(0,133,242,.7);
    --js-accent-engage: rgba(147,135,0,.7);
    --http-accent-engage: rgba(0,154,70,.7);
    --apis-accent-engage: rgba(155,101,255,.7);
    --learn-accent-engage: rgba(255,31,114,.7);
    --modal-backdrop-color: rgba(27,27,27,.1);
    --blend-color: #fff80;
    --text-primary-red: #d30038;
    --text-primary-green: #007936;
    --text-primary-blue: #0069c2;
    --text-primary-yellow: #746a00;
    color-scheme: light;
		--shadow-01: 0px 1px 2px rgba(43,42,51,.05);
    --shadow-02: 0px 1px 6px rgba(43,42,51,.1);
    --shadow-03: 0px 1px 2px rgba(55,52,50,.5);
    --shadow-04: 0px -2px 4px rgba(23,22,21,.7);
    --focus-01: 0px 0px 0px 3px rgba(0,144,237,.4);
		
		--fds-blue-05: #ECF3FF;
    --fds-blue-30: #AAC9FF;
    --fds-blue-40: #77A7FF;
    --fds-blue-60: #1877F2;
    --fds-blue-70: #2851A3;
    --fds-blue-80: #1D3C78;
		--fds-spectrum-cherry: #F35369;
    --fds-spectrum-cherry-tint-70: #FBCCD2;
    --fds-spectrum-grape-tint-70: #DDD5F0;
    --fds-spectrum-grape-tint-90: #F4F1FA;
    --fds-spectrum-lemon-dark-1: #F5C33B;
    --fds-spectrum-lemon-tint-70: #FEF2D1;
    --fds-spectrum-lime: #A3CE71;
    --fds-spectrum-lime-tint-70: #E4F0D5;
    --fds-spectrum-orange-tint-70: #FCDEC5;
    --fds-spectrum-orange-tint-90: #FEF4EC;
    --fds-spectrum-seafoam-tint-70: #CAEEF9;
    --fds-spectrum-slate-dark-2: #89A1AC;
    --fds-spectrum-slate-tint-70: #EAEFF2;
    --fds-spectrum-teal: #6BCEBB;
    --fds-spectrum-teal-dark-1: #4DBBA6;
    --fds-spectrum-teal-dark-2: #31A38D;
    --fds-spectrum-teal-tint-70: #D2F0EA;
    --fds-spectrum-teal-tint-90: #F0FAF8;
    --fds-spectrum-tomato: #FB724B;
    --fds-spectrum-tomato-tint-30: #F38E7B;
    --fds-spectrum-tomato-tint-90: #FDEFED;
    --fds-strong: cubic-bezier(.12,.8,.32,1);
    --fds-white: #FFFFFF;
    --fds-white-alpha-05: rgba(255, 255, 255, 0.05);
    --fds-white-alpha-10: rgba(255, 255, 255, 0.1);
    --fds-white-alpha-20: rgba(255, 255, 255, 0.2);
    --fds-white-alpha-30: rgba(255, 255, 255, 0.3);
    --fds-white-alpha-40: rgba(255, 255, 255, 0.4);
    --fds-white-alpha-50: rgba(255, 255, 255, 0.5);
    --fds-white-alpha-60: rgba(255, 255, 255, 0.6);
    --fds-white-alpha-80: rgba(255, 255, 255, 0.8);
    --fds-yellow-20: #FFBA00;
		
}

.box_note_extra{
    background-color: rgb(252 255 184 / 25%);
    border: 1px solid #4f37bb;
    border-left: 6px solid #ce2208;
    border-radius: .25rem;
    box-shadow: 0px 2px 4px rgb(252 255 184 / 25%);
    margin: 1rem 0;
    padding: 1rem 1rem 1rem 0.5rem;
    position: relative;
}
.box_note_extra:hover{
    background-color:  rgb(252 255 204 / 10%);
    border: 4px solid #ce2208;
}

.box_note_comment{
    background-color: #0085f21a;
    border: 1px solid #4f37bb;
    border-left: 6px solid #0085f2;
    border-radius: .25rem;
    box-shadow: 0px 2px 4px rgba(10,85,200,.5);
    margin: 0.8rem 0.2rem;
    padding: 1rem;
    position: relative;
		word-wrap: break-word;
}

.box_note_comment:hover{
    background-color: #ffffff4a;
    border: 3px solid #0085f2;
}

.box_blog_news{
    /*background: linear-gradient(189deg,#62dbe4 4.91%,#f1fdff 33.95%,#ffbae8 68.54%);*/
    border: 1px solid #c3ccff;
    border-top: 10px solid #90cfff;  
    border-radius: .5rem;
    box-shadow: 0px 1px 6px rgba(43,42,51,.3);
    margin: 1rem;
    padding: 3rem 1rem;
    position: relative;
}

@media (max-width: 767px) {

  .box_blog_news{
    margin: 0.2rem;
    padding: 0.5rem;
  }

}

.box_note_home{
    background-color: #FCFAFC ;
		display: block;
		border: 1px solid #4f37bb;
    border-top: 10px solid #0085f2;
    border-radius: .45rem;
		box-shadow: 0 13px 8px -10px rgb(0 0 0 / 10%);
    margin: 0.7rem 0;
    padding: 0.8rem 0.4rem 0.8rem 0.4rem;
    position: relative;
		word-wrap: break-word;
		text-transform: uppercase;
		min-height: 560px;
}

.box_note_home:hover{
    background-color: #FFFFFF;
    border: 2px solid #0100ae;
    border-top: 10px solid #0100ae;
		box-shadow: 0 13px 8px -10px rgba(10,85,200,.5);
}