:root {
    /* Színek */
    --basewhite: rgba(255, 255, 255, 1);
    --white: rgba(255, 255, 255, 1);
    --grey-50: rgba(249, 250, 251, 1);
    --grey-100: rgba(227, 233, 235, 1); /* Új szín, világosabb árnyalat */
    --grey-200: rgba(205, 210, 212, 1);
    --grey-200-opacity-05: rgba(205, 210, 212, 0.5);
    --grey-300: #AAB3B6;
    --grey-400: rgba(128, 140, 144, 1);
    --grey-500: rgba(102, 114, 118, 1); /* Új szín, középszürke */
    --grey-600: rgba(88, 96, 100, 1); /* Új szín, közepesen sötét */
    --grey-700: rgba(74, 81, 84, 1);
    --grey-800: rgba(60, 65, 69, 1); /* Új szín, sötétebb árnyalat */
    --grey-900: rgba(48, 52, 55, 1); /* Új szín, közel fekete */
    --grey-950: rgba(37, 40, 42, 1);
    --magenta-50: rgb(253 242 248);
    --magenta-60:  rgb(253 226 241);
    --magenta-100: rgb(255, 243, 250);
    --magenta-150: rgb(247 233 241);
    --magenta-400: rgb(247, 153, 203);
    --magenta-500: rgba(246, 112, 183, 1);
    --magenta-500-op-03: rgba(246, 112, 183, 0.3);
    --magenta-600: rgba(238, 63, 151, 1);
    --red-300-op-05: rgba(255, 240, 240, 1);
    --red-300: #FF9FA5;
    --red-600: #FF495C;
    --red-700: #C8082A;
    --green-100: rgba(243, 250, 249, 1);
    --green-200: rgba(172, 227, 216, 1);
    --green-300: rgba(122, 206, 193, 1);
    --green-300-op-01: rgba(122, 206, 193, 0.1);
    --green-300-op-02: rgba(122, 206, 193, 0.25);
    --green-300-op-03: rgba(122, 206, 193, 0.3);
    --green-300-op-05: rgba(122, 206, 193, 0.5);
    --green-300-op-08: rgba(122, 206, 193, 0.8);
    --green-400: rgba(79, 178, 166, 1);
    --green-500: rgba(49, 139, 129, 1);
    --green-500-op-01: rgba(49, 139, 129, 0.1);
    --green-500-op-02: rgba(49, 139, 129, 0.2);
    --green-500-op-03: rgba(49, 139, 129, 0.3);
    --green-600: rgb(49,139,129,1);
    --green-600-op-01:rgb(49,139,129,0.1);
    --green-600-op-05: rgb(49,139,129,0.5);
    --green-950: rgba(13, 38, 38, 1);
    --green-950-op-04: rgba(13, 38, 38, 0.4);
    --background-gradient:radial-gradient(68.02% 117.51% at -28.35% -37%, rgba(220, 196, 178, 0.25) 0%, rgba(238, 63, 151, 0.25) 100%);
    --background-gradient-2:radial-gradient(68.02% 117.51% at -28.35% -37%, rgba(220, 196, 178, 0.4) 0%, rgba(238, 63, 151, 0.4) 100%);
    /* Árnyékok */
    --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    --shadow-input: 0px 1px 2px 0px rgba(122, 206, 193, 0.05),
    0px 6px 6px -6px rgba(122, 206, 193, 0.04),
    0px 5px 2px -4px rgba(122, 206, 193, 0.04);
    --input-shadow: rgba(253, 242, 248, 1);
    --input-shadow-invalid: #ff9fa526;
    --circle-shadow: var(--input-shadow);
    --input-unfocused-shadow: rgba(74, 81, 84, .1);

    /* Szegélyek */
    --input-border: rgba(252,206,232,1);

    /* Betűstílusok - Közepes */
    --text-xs-medium-font-family: "Open Sans", Helvetica;
    --text-xs-medium-font-weight: 600;
    --text-xs-medium-font-size: 12px;
    --text-xs-medium-letter-spacing: 0px;
    --text-xs-medium-line-height: 18px;
    --text-xs-medium-font-style: normal;

    --text-sm-medium-font-family: "Open Sans", Helvetica;
    --text-sm-medium-font-weight: 600;
    --text-sm-medium-font-size: 14px;
    --text-sm-medium-letter-spacing: 0px;
    --text-sm-medium-line-height: 20px;
    --text-sm-medium-font-style: normal;

    /* Betűstílusok - Normál */
    --text-sm-regular-font-family: "Open Sans", Helvetica;
    --text-sm-regular-font-weight: 400;
    --text-sm-regular-font-size: 14px;
    --text-sm-regular-letter-spacing: 0px;
    --text-sm-regular-line-height: 20px;
    --text-sm-regular-font-style: normal;

    /* Betűstílusok - Félkövér */
    --text-lg-semibold-font-family: "Open Sans", Helvetica;
    --text-lg-semibold-font-weight: 700;
    --text-lg-semibold-font-size: 18px;
    --text-lg-semibold-letter-spacing: 0px;
    --text-lg-semibold-line-height: 28px;
    --text-lg-semibold-font-style: normal;

    --text-xl-semibold-font-family: "Open Sans", Helvetica;
    --text-xl-semibold-font-weight: 700;
    --text-xl-semibold-font-size: 20px;
    --text-xl-semibold-letter-spacing: 0px;
    --text-xl-semibold-line-height: 30px;
    --text-xl-semibold-font-style: normal;

    /* Méretezés */
    --ml-25vw-p3: calc(25vw / 3 ); /* elnevezés: 25vw / 3 == 25vw-p3 */
    --font-family-primary: sans-serif;
}