/* Root Colors */
:root {
    /* Primary */
    --color-primary-25: #fcfaff;
    --color-primary-50: #fef1f9;
    --color-primary-100: #fee5f5;
    --color-primary-200: #ffcaed;
    --color-primary-300: #ffa0dc;
    --color-primary-400: #ff65c3;
    --color-primary-500: #fd37a8;
    --color-primary-600: #e4117f;
    --color-primary-700: #cf0769;
    /* Secondary */
    --color-secondary-25: #fffcf0;
    --color-secondary-50: #feffe7;
    --color-secondary-100: #fcffc1;
    --color-secondary-200: #feff86;
    --color-secondary-300: #fff941;
    --color-secondary-400: #ffec0d;
    --color-secondary-500: #ffdd00;
    --color-secondary-600: #d1a300;
    --color-secondary-700: #a67502;
    --color-secondary-800: #895b0a;
    --color-secondary-900: #744a0f;
    --color-secondary-950: #442704;
    /* Gray */
    --color-gray-25: #FCFCFC;
    --color-gray-50: #F7F7F7;
    --color-gray-100: #F3F3F3;
    --color-gray-200: #E0E3E5;
    --color-gray-300: #CCCCCC;
    --color-gray-400: #A3A3A3;
    --color-gray-500: #737373;
    --color-gray-600: #525252;
    --color-gray-700: #414141;
    --color-gray-800: #292929;
    --color-gray-900: #141414;
    --color-gray-950: #0F0F0F;
    /* Tertiary */
    --color-tertiary-25: #F4FAFA;
    --color-tertiary-50: #F4FAFA;
    --color-tertiary-100: #D4F2EC;
    --color-tertiary-200: #AAE4D8;
    --color-tertiary-300: #78CEC1;
    --color-tertiary-400: #57B7AC;
    --color-tertiary-500: #3BA399;
    --color-tertiary-600: #2B887E;
    --color-tertiary-700: #276D67;
    --color-tertiary-800: #255B57;
    --color-tertiary-900: #244C4A;
    --color-tertiary-950: #103332;
    /* Warning */
    --color-warning-200:#FECDCA;
    --color-warning-300:#FDA29B;
    --color-warning-400:#F97066;
    --color-warning-500:#F04438;
    --color-warning-600:#D92D20;
    --color-warning-700:#B42318;
    --color-warning-800:#912018;

    /* Semantic Shortcuts */
    --color-primary: var(--color-primary-600);
    --color-secondary: var(--color-secondary-400);
    --color-tertiary: var(--color-tertiary-300);
    --color-text-primary: var(--color-gray-900);
    --color-text-secondary: var(--color-gray-600);
    --background-primary: var(--color-gray-25);
    --background-primary-alt: var(--color-gray-50);
    --background-primary_hover: var(--color-gray-100);
    --background-primary-alt_hover: var(--color-gray-100);
    --background-secondary: var(--color-tertiary-25);
    --background-secondary_hover: var(--color-tertiary-100);
    --background-secondary-alt: var(--color-tertiary-100);
    --background-secondary-alt_hover: var(--color-tertiary-200);
    --border-primary: var(--color-gray-200);
}
/* Egy Csepp Highlights */
.yellowhighlight, .yellowhigh-normal {
text-decoration:none;
border-bottom:1px solid var(--color-secondary);
box-shadow:inset 0 -7px 0 var(--color-secondary);
}
.yellowhighlight {
font-weight: 700;
}
.darktext{
    color: var(--color-text-primary );
}
.brandcolor, .brandtext, .magentatext{
    color: var(--color-primary);
}
.darktext,.brandtext{
    font-weight: 600;
}
.vm-title h4 {
    font-weight: 600;
    font-size: 1.6rem !important;
    line-height: 1.6em;
}

/*for multiple lines*/
.yellowunderline-sm h1,
.yellowunderline h1,
.yellowunderline h2,
.yellowunderline h3,
.yellowunderline h4{
    text-decoration:none;
    display:inline
}

.yellowunderline-sm h1,
.yellowunderline h2,
.yellowunderline h3,
.yellowunderline h4 {
        background-size:2px 2rem;
    box-shadow:inset 0 -.75rem var(--color-secondary);
}

.yellowunderline h1 {
    background-size:4px 4rem;
    box-shadow: inset 0 -1.85rem var(--color-secondary);
    display: inline;
}

/* EgyCsepp Related Styles */
/* Not sure if used */
span.magentaitalic {
    color: var(--color-primary);
    font-style: italic;
    font-weight: 600;
}
span.yellowhighlight {
	text-decoration: none;
    border-bottom: 1px solid rgba(250, 236, 079, 0.9);
    box-shadow: inset 0 -0.45rem 0 rgb(250 236 79 / 91%);
}
span.yellowhighlightmagenta {
	  color: var(--color-primary);
    text-decoration: none;
    border-bottom: 1px solid rgba(250, 236, 079, 0.9);
    box-shadow: inset 0 -0.45rem 0 rgb(250 236 79 / 91%);
}

span.magenta-yellowhighlight{
	color: var(--color-primary);
    text-decoration: none;
    border-bottom: 1px solid rgba(250, 236, 079, 0.9);
    box-shadow: inset 0 -0.45rem 0 rgb(250 236 79 / 91%);
	font-weight: 700;
}

ol li::marker {
    font-weight: 700;
    color: var(--color-primary);
}