body {
--colorPrimary: #fb6e4e;
--textPrimary: #121726;
}

div.nextra-code-block > div  {
    background:var(--colorPrimary) !important;
}

.nextra-code-block > pre {
    max-height: 350px !important;
    scroll-y: auto !important;
}

/* Code blocks*/
.nx-absolute.nx-top-0 {
    background: var(--colorPrimary) !important;
    color: var(--textPrimary) !important;
}


:is(html[class~=dark] .dark\:nx-bg-primary-300\/10) {
    background-color: hsl(var(black)100% 77%/.1) !important;
}


/* Sidebar buttons */
:is(html .dark\:nx-bg-primary-400\/10){
    background: var(--colorPrimary) !important;
    color: var(--textPrimary) !important;
}

/* aside ul > li > a:hover{
    background: #fb6e4ea9 !important;
} */

/* aside ul > li > a:active{
    background: #fb6e4e !important;
} */


/* Links*/
.nx-text-primary-600.nx-underline.nx-decoration-from-font {
    color: var(--colorPrimary)!important;
}

.MuiTypography-root.MuiTypography-inherit.MuiLink-root.MuiLink-underlineAlways.css-1xr3c94-MuiTypography-root-MuiLink-root {
    color: var(--colorPrimary) !important;
}

/* Callouts */
.nextra-callout {
    background-color: #fb6e4e21 !important;
}

.nx-mt-6 .nx-leading-7 > p {
    color: var(--colorPrimary)!important;
}

/* Callout Secondary */
:is(html .dark\:nx-border-yellow-200\/30) {
    border-color: transparent !important;
}

/* Callout Primary */
:is(html .dark\:nx-border-blue-200\/30) {
    border-color: var(--colorPrimary)!important;
}

/* Chips*/
.chipContained{
    background-color: var(--colorPrimary) !important;
}

/* Buttons */
.MuiButton-root {
    color:  var(--colorPrimary) !important;
    border-color:  var(--colorPrimary) !important;
}

.MuiButton-root:hover {
    color:  white !important;
    background-color: var(--colorPrimary) !important;
}

.MuiCircularProgress-root {
    color: var(--colorPrimary) !important;
}

.nextra-scrollbar.nx-sticky{
    color: var(--colorPrimary) !important; 
}

.nx-text-primary-600 {
    color: var(--colorPrimary) !important;
}

input:focus-visible {
    --tw-ring-shadow: var(--colorPrimary) !important;
}

.Mui-focused > fieldset {
border-color: var(--colorPrimary) !important;
} 

a.MuiLink-root {
    color: var(--colorPrimary) !important;
}