: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);
    --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-150: rgba(228, 239, 237, 1);
    --green-180: rgba(212, 233, 229, 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-600-op-08: rgb(49, 139, 129, 0.8);
    --green-600-op-09: rgb(49, 139, 129, 0.95);
    --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(49, 139, 129, 0.25) 100%);
    --background-gradient-2: radial-gradient(68.02% 117.51% at -28.35% -37%, rgba(220, 196, 178, 0.4) 0%, rgba(49, 139, 129, 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(214, 241, 236, 1);
    --input-shadow-invalid: #ff9fa526;
    --circle-shadow: rgba(214, 241, 236, 0.75);
    --input-unfocused-shadow: rgba(74, 81, 84, .1);

    /* Szegélyek */
    --input-border: #ace3d8;

    /* 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;
}