/**
 * Do not edit directly, this file was auto-generated.
 * See <PARAGON_ROOT>/tokens/README.md for more details.
 */

:root {
  --pgn-size-btn-focus-width: 2px;
  --pgn-size-input-btn-focus-width: 1px;
  --pgn-spacing-input-btn-padding-y: 0.5625rem;
  --pgn-elevation-box-shadow-level-1-1-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 1. */
  --pgn-elevation-box-shadow-level-1-1-offset-x: 0; /** Basic box shadow of level 1. */
  --pgn-elevation-box-shadow-level-1-1-offset-y: 0.0625rem; /** Basic box shadow of level 1. */
  --pgn-elevation-box-shadow-level-1-1-blur: 0.125rem; /** Basic box shadow of level 1. */
  --pgn-elevation-box-shadow-level-1-2-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 1. */
  --pgn-elevation-box-shadow-level-1-2-offset-x: 0; /** Basic box shadow of level 1. */
  --pgn-elevation-box-shadow-level-1-2-offset-y: 0.0625rem; /** Basic box shadow of level 1. */
  --pgn-elevation-box-shadow-level-1-2-blur: 0.25rem; /** Basic box shadow of level 1. */
  --pgn-elevation-box-shadow-level-2-1-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 2. */
  --pgn-elevation-box-shadow-level-2-1-offset-x: 0; /** Basic box shadow of level 2. */
  --pgn-elevation-box-shadow-level-2-1-offset-y: 0.125rem; /** Basic box shadow of level 2. */
  --pgn-elevation-box-shadow-level-2-1-blur: 0.25rem; /** Basic box shadow of level 2. */
  --pgn-elevation-box-shadow-level-2-2-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 2. */
  --pgn-elevation-box-shadow-level-2-2-offset-x: 0; /** Basic box shadow of level 2. */
  --pgn-elevation-box-shadow-level-2-2-offset-y: 0.125rem; /** Basic box shadow of level 2. */
  --pgn-elevation-box-shadow-level-2-2-blur: 0.5rem; /** Basic box shadow of level 2. */
  --pgn-elevation-box-shadow-level-3-1-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 3. */
  --pgn-elevation-box-shadow-level-3-1-offset-x: 0; /** Basic box shadow of level 3. */
  --pgn-elevation-box-shadow-level-3-1-offset-y: 0; /** Basic box shadow of level 3. */
  --pgn-elevation-box-shadow-level-3-1-blur: 0.625rem; /** Basic box shadow of level 3. */
  --pgn-elevation-box-shadow-level-3-2-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 3. */
  --pgn-elevation-box-shadow-level-3-2-offset-x: 0; /** Basic box shadow of level 3. */
  --pgn-elevation-box-shadow-level-3-2-offset-y: 0; /** Basic box shadow of level 3. */
  --pgn-elevation-box-shadow-level-3-2-blur: 1rem; /** Basic box shadow of level 3. */
  --pgn-elevation-box-shadow-level-4-1-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 4. */
  --pgn-elevation-box-shadow-level-4-1-offset-x: 0; /** Basic box shadow of level 4. */
  --pgn-elevation-box-shadow-level-4-1-offset-y: 0.625rem; /** Basic box shadow of level 4. */
  --pgn-elevation-box-shadow-level-4-1-blur: 1.25rem; /** Basic box shadow of level 4. */
  --pgn-elevation-box-shadow-level-4-2-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 4. */
  --pgn-elevation-box-shadow-level-4-2-offset-x: 0; /** Basic box shadow of level 4. */
  --pgn-elevation-box-shadow-level-4-2-offset-y: 0.5rem; /** Basic box shadow of level 4. */
  --pgn-elevation-box-shadow-level-4-2-blur: 1.25rem; /** Basic box shadow of level 4. */
  --pgn-elevation-box-shadow-level-5-1-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-level-5-1-offset-x: 0; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-level-5-1-offset-y: 1.25rem; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-level-5-1-blur: 2.5rem; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-level-5-2-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-level-5-2-offset-x: 0; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-level-5-2-offset-y: 0.5rem; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-level-5-2-blur: 3rem; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-base-color: rgba(255, 255, 255, 0.3); /** Default box shadow. */
  --pgn-elevation-box-shadow-base-offset-x: 0; /** Default box shadow. */
  --pgn-elevation-box-shadow-base-offset-y: 0.125rem; /** Default box shadow. */
  --pgn-elevation-box-shadow-base-blur: 0.25rem; /** Default box shadow. */
  --pgn-elevation-box-shadow-sm-color: rgba(255, 255, 255, 0.2); /** Small box shadow. */
  --pgn-elevation-box-shadow-sm-offset-x: 0; /** Small box shadow. */
  --pgn-elevation-box-shadow-sm-offset-y: 0.0625rem; /** Small box shadow. */
  --pgn-elevation-box-shadow-sm-blur: 0.125rem; /** Small box shadow. */
  --pgn-elevation-box-shadow-lg-color: rgba(255, 255, 255, 0.3); /** Large box shadow. */
  --pgn-elevation-box-shadow-lg-offset-x: 0; /** Large box shadow. */
  --pgn-elevation-box-shadow-lg-offset-y: 0.25rem; /** Large box shadow. */
  --pgn-elevation-box-shadow-lg-blur: 0.5rem; /** Large box shadow. */
  --pgn-elevation-box-shadow-down-1-1-color: rgba(255, 255, 255, 0.15); /** Bottom box shadow of level 1. */
  --pgn-elevation-box-shadow-down-1-1-offset-x: 0; /** Bottom box shadow of level 1. */
  --pgn-elevation-box-shadow-down-1-1-offset-y: 0.0625rem; /** Bottom box shadow of level 1. */
  --pgn-elevation-box-shadow-down-1-1-blur: 0.125rem; /** Bottom box shadow of level 1. */
  --pgn-elevation-box-shadow-down-1-2-color: rgba(255, 255, 255, 0.15); /** Bottom box shadow of level 1. */
  --pgn-elevation-box-shadow-down-1-2-offset-x: 0; /** Bottom box shadow of level 1. */
  --pgn-elevation-box-shadow-down-1-2-offset-y: 0.0625rem; /** Bottom box shadow of level 1. */
  --pgn-elevation-box-shadow-down-1-2-blur: 0.25rem; /** Bottom box shadow of level 1. */
  --pgn-elevation-box-shadow-down-2-1-color: rgba(255, 255, 255, 0.15); /** Bottom box shadow of level 2. */
  --pgn-elevation-box-shadow-down-2-1-offset-x: 0; /** Bottom box shadow of level 2. */
  --pgn-elevation-box-shadow-down-2-1-offset-y: 0.125rem; /** Bottom box shadow of level 2. */
  --pgn-elevation-box-shadow-down-2-1-blur: 0.25rem; /** Bottom box shadow of level 2. */
  --pgn-elevation-box-shadow-down-2-2-color: rgba(255, 255, 255, 0.15); /** Bottom box shadow of level 2. */
  --pgn-elevation-box-shadow-down-2-2-offset-x: 0; /** Bottom box shadow of level 2. */
  --pgn-elevation-box-shadow-down-2-2-offset-y: 0.125rem; /** Bottom box shadow of level 2. */
  --pgn-elevation-box-shadow-down-2-2-blur: 0.5rem; /** Bottom box shadow of level 2. */
  --pgn-elevation-box-shadow-down-3-1-color: rgba(255, 255, 255, 0.15); /** Bottom box shadow of level 3. */
  --pgn-elevation-box-shadow-down-3-1-offset-x: 0; /** Bottom box shadow of level 3. */
  --pgn-elevation-box-shadow-down-3-1-offset-y: 0.5rem; /** Bottom box shadow of level 3. */
  --pgn-elevation-box-shadow-down-3-1-blur: 1rem; /** Bottom box shadow of level 3. */
  --pgn-elevation-box-shadow-down-3-2-color: rgba(255, 255, 255, 0.15); /** Bottom box shadow of level 3. */
  --pgn-elevation-box-shadow-down-3-2-offset-x: 0; /** Bottom box shadow of level 3. */
  --pgn-elevation-box-shadow-down-3-2-offset-y: 0.25rem; /** Bottom box shadow of level 3. */
  --pgn-elevation-box-shadow-down-3-2-blur: 0.625rem; /** Bottom box shadow of level 3. */
  --pgn-elevation-box-shadow-down-4-1-color: rgba(255, 255, 255, 0.15); /** Bottom box shadow of level 4. */
  --pgn-elevation-box-shadow-down-4-1-offset-x: 0; /** Bottom box shadow of level 4. */
  --pgn-elevation-box-shadow-down-4-1-offset-y: 0.625rem; /** Bottom box shadow of level 4. */
  --pgn-elevation-box-shadow-down-4-1-blur: 1.25rem; /** Bottom box shadow of level 4. */
  --pgn-elevation-box-shadow-down-4-2-color: rgba(255, 255, 255, 0.15); /** Bottom box shadow of level 4. */
  --pgn-elevation-box-shadow-down-4-2-offset-x: 0; /** Bottom box shadow of level 4. */
  --pgn-elevation-box-shadow-down-4-2-offset-y: 0.5rem; /** Bottom box shadow of level 4. */
  --pgn-elevation-box-shadow-down-4-2-blur: 1.25rem; /** Bottom box shadow of level 4. */
  --pgn-elevation-box-shadow-down-5-1-color: rgba(255, 255, 255, 0.15); /** Bottom box shadow of level 5. */
  --pgn-elevation-box-shadow-down-5-1-offset-x: 0; /** Bottom box shadow of level 5. */
  --pgn-elevation-box-shadow-down-5-1-offset-y: 1.25rem; /** Bottom box shadow of level 5. */
  --pgn-elevation-box-shadow-down-5-1-blur: 2.5rem; /** Bottom box shadow of level 5. */
  --pgn-elevation-box-shadow-down-5-2-color: rgba(255, 255, 255, 0.15); /** Bottom box shadow of level 5. */
  --pgn-elevation-box-shadow-down-5-2-offset-x: 0; /** Bottom box shadow of level 5. */
  --pgn-elevation-box-shadow-down-5-2-offset-y: 0.5rem; /** Bottom box shadow of level 5. */
  --pgn-elevation-box-shadow-down-5-2-blur: 3rem; /** Bottom box shadow of level 5. */
  --pgn-elevation-box-shadow-left-1-1-color: rgba(255, 255, 255, 0.15); /** Left box shadow of level 1. */
  --pgn-elevation-box-shadow-left-1-1-offset-x: -0.0625rem; /** Left box shadow of level 1. */
  --pgn-elevation-box-shadow-left-1-1-offset-y: 0; /** Left box shadow of level 1. */
  --pgn-elevation-box-shadow-left-1-1-blur: 0.125rem; /** Left box shadow of level 1. */
  --pgn-elevation-box-shadow-left-1-2-color: rgba(255, 255, 255, 0.15); /** Left box shadow of level 1. */
  --pgn-elevation-box-shadow-left-1-2-offset-x: -0.0625rem; /** Left box shadow of level 1. */
  --pgn-elevation-box-shadow-left-1-2-offset-y: 0; /** Left box shadow of level 1. */
  --pgn-elevation-box-shadow-left-1-2-blur: 0.25rem; /** Left box shadow of level 1. */
  --pgn-elevation-box-shadow-left-2-1-color: rgba(255, 255, 255, 0.15); /** Left box shadow of level 2. */
  --pgn-elevation-box-shadow-left-2-1-offset-x: -0.125rem; /** Left box shadow of level 2. */
  --pgn-elevation-box-shadow-left-2-1-offset-y: 0; /** Left box shadow of level 2. */
  --pgn-elevation-box-shadow-left-2-1-blur: 0.25rem; /** Left box shadow of level 2. */
  --pgn-elevation-box-shadow-left-2-2-color: rgba(255, 255, 255, 0.15); /** Left box shadow of level 2. */
  --pgn-elevation-box-shadow-left-2-2-offset-x: -0.125rem; /** Left box shadow of level 2. */
  --pgn-elevation-box-shadow-left-2-2-offset-y: 0; /** Left box shadow of level 2. */
  --pgn-elevation-box-shadow-left-2-2-blur: 0.5rem; /** Left box shadow of level 2. */
  --pgn-elevation-box-shadow-left-3-1-color: rgba(255, 255, 255, 0.15); /** Left box shadow of level 3. */
  --pgn-elevation-box-shadow-left-3-1-offset-x: -0.5rem; /** Left box shadow of level 3. */
  --pgn-elevation-box-shadow-left-3-1-offset-y: 0; /** Left box shadow of level 3. */
  --pgn-elevation-box-shadow-left-3-1-blur: 1rem; /** Left box shadow of level 3. */
  --pgn-elevation-box-shadow-left-3-2-color: rgba(255, 255, 255, 0.15); /** Left box shadow of level 3. */
  --pgn-elevation-box-shadow-left-3-2-offset-x: -0.25rem; /** Left box shadow of level 3. */
  --pgn-elevation-box-shadow-left-3-2-offset-y: 0; /** Left box shadow of level 3. */
  --pgn-elevation-box-shadow-left-3-2-blur: 0.625rem; /** Left box shadow of level 3. */
  --pgn-elevation-box-shadow-left-4-1-color: rgba(255, 255, 255, 0.15); /** Left box shadow of level 4. */
  --pgn-elevation-box-shadow-left-4-1-offset-x: -0.625rem; /** Left box shadow of level 4. */
  --pgn-elevation-box-shadow-left-4-1-offset-y: 0; /** Left box shadow of level 4. */
  --pgn-elevation-box-shadow-left-4-1-blur: 1.25rem; /** Left box shadow of level 4. */
  --pgn-elevation-box-shadow-left-4-2-color: rgba(255, 255, 255, 0.15); /** Left box shadow of level 4. */
  --pgn-elevation-box-shadow-left-4-2-offset-x: -0.5rem; /** Left box shadow of level 4. */
  --pgn-elevation-box-shadow-left-4-2-offset-y: 0; /** Left box shadow of level 4. */
  --pgn-elevation-box-shadow-left-4-2-blur: 1.25rem; /** Left box shadow of level 4. */
  --pgn-elevation-box-shadow-left-5-1-color: rgba(255, 255, 255, 0.15); /** Left box shadow of level 5. */
  --pgn-elevation-box-shadow-left-5-1-offset-x: -1.25rem; /** Left box shadow of level 5. */
  --pgn-elevation-box-shadow-left-5-1-offset-y: 0; /** Left box shadow of level 5. */
  --pgn-elevation-box-shadow-left-5-1-blur: 2.5rem; /** Left box shadow of level 5. */
  --pgn-elevation-box-shadow-left-5-2-color: rgba(255, 255, 255, 0.15); /** Left box shadow of level 5. */
  --pgn-elevation-box-shadow-left-5-2-offset-x: -0.5rem; /** Left box shadow of level 5. */
  --pgn-elevation-box-shadow-left-5-2-offset-y: 0; /** Left box shadow of level 5. */
  --pgn-elevation-box-shadow-left-5-2-blur: 3rem; /** Left box shadow of level 5. */
  --pgn-elevation-box-shadow-up-1-1-color: rgba(255, 255, 255, 0.15); /** Top box shadow of level 1. */
  --pgn-elevation-box-shadow-up-1-1-offset-x: 0; /** Top box shadow of level 1. */
  --pgn-elevation-box-shadow-up-1-1-offset-y: -0.0625rem; /** Top box shadow of level 1. */
  --pgn-elevation-box-shadow-up-1-1-blur: 0.125rem; /** Top box shadow of level 1. */
  --pgn-elevation-box-shadow-up-1-2-color: rgba(255, 255, 255, 0.15); /** Top box shadow of level 1. */
  --pgn-elevation-box-shadow-up-1-2-offset-x: 0; /** Top box shadow of level 1. */
  --pgn-elevation-box-shadow-up-1-2-offset-y: -0.0625rem; /** Top box shadow of level 1. */
  --pgn-elevation-box-shadow-up-1-2-blur: 0.25rem; /** Top box shadow of level 1. */
  --pgn-elevation-box-shadow-up-2-1-color: rgba(255, 255, 255, 0.15); /** Top box shadow of level 2. */
  --pgn-elevation-box-shadow-up-2-1-offset-x: 0; /** Top box shadow of level 2. */
  --pgn-elevation-box-shadow-up-2-1-offset-y: -0.125rem; /** Top box shadow of level 2. */
  --pgn-elevation-box-shadow-up-2-1-blur: 0.25rem; /** Top box shadow of level 2. */
  --pgn-elevation-box-shadow-up-2-2-color: rgba(255, 255, 255, 0.15); /** Top box shadow of level 2. */
  --pgn-elevation-box-shadow-up-2-2-offset-x: 0; /** Top box shadow of level 2. */
  --pgn-elevation-box-shadow-up-2-2-offset-y: -0.125rem; /** Top box shadow of level 2. */
  --pgn-elevation-box-shadow-up-2-2-blur: 0.5rem; /** Top box shadow of level 2. */
  --pgn-elevation-box-shadow-up-3-1-color: rgba(255, 255, 255, 0.15); /** Top box shadow of level 3. */
  --pgn-elevation-box-shadow-up-3-1-offset-x: 0; /** Top box shadow of level 3. */
  --pgn-elevation-box-shadow-up-3-1-offset-y: -0.5rem; /** Top box shadow of level 3. */
  --pgn-elevation-box-shadow-up-3-1-blur: 1rem; /** Top box shadow of level 3. */
  --pgn-elevation-box-shadow-up-3-2-color: rgba(255, 255, 255, 0.15); /** Top box shadow of level 3. */
  --pgn-elevation-box-shadow-up-3-2-offset-x: 0; /** Top box shadow of level 3. */
  --pgn-elevation-box-shadow-up-3-2-offset-y: -0.25rem; /** Top box shadow of level 3. */
  --pgn-elevation-box-shadow-up-3-2-blur: 0.625rem; /** Top box shadow of level 3. */
  --pgn-elevation-box-shadow-up-4-1-color: rgba(255, 255, 255, 0.15); /** Top box shadow of level 4. */
  --pgn-elevation-box-shadow-up-4-1-offset-x: 0; /** Top box shadow of level 4. */
  --pgn-elevation-box-shadow-up-4-1-offset-y: -0.625rem; /** Top box shadow of level 4. */
  --pgn-elevation-box-shadow-up-4-1-blur: 1.25rem; /** Top box shadow of level 4. */
  --pgn-elevation-box-shadow-up-4-2-color: rgba(255, 255, 255, 0.15); /** Top box shadow of level 4. */
  --pgn-elevation-box-shadow-up-4-2-offset-x: 0; /** Top box shadow of level 4. */
  --pgn-elevation-box-shadow-up-4-2-offset-y: -0.5rem; /** Top box shadow of level 4. */
  --pgn-elevation-box-shadow-up-4-2-blur: 1.25rem; /** Top box shadow of level 4. */
  --pgn-elevation-box-shadow-up-5-1-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-up-5-1-offset-x: 0; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-up-5-1-offset-y: -1.25rem; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-up-5-1-blur: 2.5rem; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-up-5-2-color: rgba(255, 255, 255, 0.15); /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-up-5-2-offset-x: 0; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-up-5-2-offset-y: -0.5rem; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-up-5-2-blur: 3rem; /** Basic box shadow of level 5. */
  --pgn-elevation-box-shadow-right-1-1-color: rgba(255, 255, 255, 0.15); /** Right box shadow of level 1. */
  --pgn-elevation-box-shadow-right-1-1-offset-x: 0.0625rem; /** Right box shadow of level 1. */
  --pgn-elevation-box-shadow-right-1-1-offset-y: 0; /** Right box shadow of level 1. */
  --pgn-elevation-box-shadow-right-1-1-blur: 0.125rem; /** Right box shadow of level 1. */
  --pgn-elevation-box-shadow-right-1-2-color: rgba(255, 255, 255, 0.15); /** Right box shadow of level 1. */
  --pgn-elevation-box-shadow-right-1-2-offset-x: 0.0625rem; /** Right box shadow of level 1. */
  --pgn-elevation-box-shadow-right-1-2-offset-y: 0; /** Right box shadow of level 1. */
  --pgn-elevation-box-shadow-right-1-2-blur: 0.25rem; /** Right box shadow of level 1. */
  --pgn-elevation-box-shadow-right-2-1-color: rgba(255, 255, 255, 0.15); /** Right box shadow of level 2. */
  --pgn-elevation-box-shadow-right-2-1-offset-x: 0.125rem; /** Right box shadow of level 2. */
  --pgn-elevation-box-shadow-right-2-1-offset-y: 0; /** Right box shadow of level 2. */
  --pgn-elevation-box-shadow-right-2-1-blur: 0.25rem; /** Right box shadow of level 2. */
  --pgn-elevation-box-shadow-right-2-2-color: rgba(255, 255, 255, 0.15); /** Right box shadow of level 2. */
  --pgn-elevation-box-shadow-right-2-2-offset-x: 0.125rem; /** Right box shadow of level 2. */
  --pgn-elevation-box-shadow-right-2-2-offset-y: 0; /** Right box shadow of level 2. */
  --pgn-elevation-box-shadow-right-2-2-blur: 0.5rem; /** Right box shadow of level 2. */
  --pgn-elevation-box-shadow-right-3-1-color: rgba(255, 255, 255, 0.15); /** Right box shadow of level 3. */
  --pgn-elevation-box-shadow-right-3-1-offset-x: 0.5rem; /** Right box shadow of level 3. */
  --pgn-elevation-box-shadow-right-3-1-offset-y: 0; /** Right box shadow of level 3. */
  --pgn-elevation-box-shadow-right-3-1-blur: 1rem; /** Right box shadow of level 3. */
  --pgn-elevation-box-shadow-right-3-2-color: rgba(255, 255, 255, 0.15); /** Right box shadow of level 3. */
  --pgn-elevation-box-shadow-right-3-2-offset-x: 0.25rem; /** Right box shadow of level 3. */
  --pgn-elevation-box-shadow-right-3-2-offset-y: 0; /** Right box shadow of level 3. */
  --pgn-elevation-box-shadow-right-3-2-blur: 0.625rem; /** Right box shadow of level 3. */
  --pgn-elevation-box-shadow-right-4-1-color: rgba(255, 255, 255, 0.15); /** Right box shadow of level 4. */
  --pgn-elevation-box-shadow-right-4-1-offset-x: 0.625rem; /** Right box shadow of level 4. */
  --pgn-elevation-box-shadow-right-4-1-offset-y: 0; /** Right box shadow of level 4. */
  --pgn-elevation-box-shadow-right-4-1-blur: 1.25rem; /** Right box shadow of level 4. */
  --pgn-elevation-box-shadow-right-4-2-color: rgba(255, 255, 255, 0.15); /** Right box shadow of level 4. */
  --pgn-elevation-box-shadow-right-4-2-offset-x: 0.5rem; /** Right box shadow of level 4. */
  --pgn-elevation-box-shadow-right-4-2-offset-y: 0; /** Right box shadow of level 4. */
  --pgn-elevation-box-shadow-right-4-2-blur: 1.25rem; /** Right box shadow of level 4. */
  --pgn-elevation-box-shadow-right-5-1-color: rgba(255, 255, 255, 0.15); /** Right box shadow of level 5. */
  --pgn-elevation-box-shadow-right-5-1-offset-x: 1.25rem; /** Right box shadow of level 5. */
  --pgn-elevation-box-shadow-right-5-1-offset-y: 0; /** Right box shadow of level 5. */
  --pgn-elevation-box-shadow-right-5-1-blur: 2.5rem; /** Right box shadow of level 5. */
  --pgn-elevation-box-shadow-right-5-2-color: rgba(255, 255, 255, 0.15); /** Right box shadow of level 5. */
  --pgn-elevation-box-shadow-right-5-2-offset-x: 0.5rem; /** Right box shadow of level 5. */
  --pgn-elevation-box-shadow-right-5-2-offset-y: 0; /** Right box shadow of level 5. */
  --pgn-elevation-box-shadow-right-5-2-blur: 3rem; /** Right box shadow of level 5. */
  --pgn-elevation-box-shadow-centered-1-1-color: rgba(255, 255, 255, 0.15); /** Centered box shadow of level 1. */
  --pgn-elevation-box-shadow-centered-1-1-offset-x: 0; /** Centered box shadow of level 1. */
  --pgn-elevation-box-shadow-centered-1-1-offset-y: 0; /** Centered box shadow of level 1. */
  --pgn-elevation-box-shadow-centered-1-1-blur: 0.125rem; /** Centered box shadow of level 1. */
  --pgn-elevation-box-shadow-centered-1-2-color: rgba(255, 255, 255, 0.15); /** Centered box shadow of level 1. */
  --pgn-elevation-box-shadow-centered-1-2-offset-x: 0; /** Centered box shadow of level 1. */
  --pgn-elevation-box-shadow-centered-1-2-offset-y: 0; /** Centered box shadow of level 1. */
  --pgn-elevation-box-shadow-centered-1-2-blur: 0.25rem; /** Centered box shadow of level 1. */
  --pgn-elevation-box-shadow-centered-2-1-color: rgba(255, 255, 255, 0.15); /** Centered box shadow of level 2. */
  --pgn-elevation-box-shadow-centered-2-1-offset-x: 0; /** Centered box shadow of level 2. */
  --pgn-elevation-box-shadow-centered-2-1-offset-y: 0; /** Centered box shadow of level 2. */
  --pgn-elevation-box-shadow-centered-2-1-blur: 0.25rem; /** Centered box shadow of level 2. */
  --pgn-elevation-box-shadow-centered-2-2-color: rgba(255, 255, 255, 0.15); /** Centered box shadow of level 2. */
  --pgn-elevation-box-shadow-centered-2-2-offset-x: 0; /** Centered box shadow of level 2. */
  --pgn-elevation-box-shadow-centered-2-2-offset-y: 0; /** Centered box shadow of level 2. */
  --pgn-elevation-box-shadow-centered-2-2-blur: 0.5rem; /** Centered box shadow of level 2. */
  --pgn-elevation-box-shadow-centered-3-1-color: rgba(255, 255, 255, 0.15); /** Centered box shadow of level 3. */
  --pgn-elevation-box-shadow-centered-3-1-offset-x: 0; /** Centered box shadow of level 3. */
  --pgn-elevation-box-shadow-centered-3-1-offset-y: 0; /** Centered box shadow of level 3. */
  --pgn-elevation-box-shadow-centered-3-1-blur: 0.625rem; /** Centered box shadow of level 3. */
  --pgn-elevation-box-shadow-centered-3-2-color: rgba(255, 255, 255, 0.15); /** Centered box shadow of level 3. */
  --pgn-elevation-box-shadow-centered-3-2-offset-x: 0; /** Centered box shadow of level 3. */
  --pgn-elevation-box-shadow-centered-3-2-offset-y: 0; /** Centered box shadow of level 3. */
  --pgn-elevation-box-shadow-centered-3-2-blur: 1rem; /** Centered box shadow of level 3. */
  --pgn-elevation-box-shadow-centered-4-1-color: rgba(255, 255, 255, 0.15); /** Centered box shadow of level 4. */
  --pgn-elevation-box-shadow-centered-4-1-offset-x: 0; /** Centered box shadow of level 4. */
  --pgn-elevation-box-shadow-centered-4-1-offset-y: 0; /** Centered box shadow of level 4. */
  --pgn-elevation-box-shadow-centered-4-1-blur: 1.25rem; /** Centered box shadow of level 4. */
  --pgn-elevation-box-shadow-centered-4-2-color: rgba(255, 255, 255, 0.15); /** Centered box shadow of level 4. */
  --pgn-elevation-box-shadow-centered-4-2-offset-x: 0; /** Centered box shadow of level 4. */
  --pgn-elevation-box-shadow-centered-4-2-offset-y: 0; /** Centered box shadow of level 4. */
  --pgn-elevation-box-shadow-centered-4-2-blur: 1.25rem; /** Centered box shadow of level 4. */
  --pgn-elevation-box-shadow-centered-5-1-color: rgba(255, 255, 255, 0.15); /** Centered box shadow of level 5. */
  --pgn-elevation-box-shadow-centered-5-1-offset-x: 0; /** Centered box shadow of level 5. */
  --pgn-elevation-box-shadow-centered-5-1-offset-y: 0; /** Centered box shadow of level 5. */
  --pgn-elevation-box-shadow-centered-5-1-blur: 2.5rem; /** Centered box shadow of level 5. */
  --pgn-elevation-box-shadow-centered-5-2-color: rgba(255, 255, 255, 0.15); /** Centered box shadow of level 5. */
  --pgn-elevation-box-shadow-centered-5-2-offset-x: 0; /** Centered box shadow of level 5. */
  --pgn-elevation-box-shadow-centered-5-2-offset-y: 0; /** Centered box shadow of level 5. */
  --pgn-elevation-box-shadow-centered-5-2-blur: 3rem; /** Centered box shadow of level 5. */
  --pgn-color-card-bg-base: #1B1728FF;
  --pgn-color-card-bg-dark: #151122FF;
  --pgn-color-card-bg-muted: #241E36FF;
  --pgn-color-card-divider-bg: #241E36FF;
  --pgn-color-dropdown-bg: #333333FF; /** Dropdown background color. */
  --pgn-color-white: #000000FF; /** White color. */
  --pgn-color-black: #FFFFFFFF; /** Black color. */
  --pgn-color-red: #C24953FF; /** Red color. */
  --pgn-color-green: #78D9AEFF; /** Green color. */
  --pgn-color-yellow: #E5C71AFF; /** Yellow color. */
  --pgn-color-gray-100: #C3C8CDFF; /** Gray color of level 100 (lightest for text on dark background). */
  --pgn-color-gray-200: #BDBDBDFF; /** Gray color of level 200. */
  --pgn-color-gray-300: #AEAEAEFF; /** Gray color of level 300. */
  --pgn-color-gray-400: #9C9C9CFF; /** Gray color of level 400. */
  --pgn-color-gray-600: #9C9C9CFF; /** Gray color of level 600. */
  --pgn-color-gray-700: #AEAEAEFF; /** Gray color of level 700. */
  --pgn-color-gray-800: #BDBDBDFF; /** Gray color of level 800 (surface/background). */
  --pgn-color-gray-900: #C3C8CDFF; /** Gray color of level 900 (page background). */
  --pgn-color-gray-base: #C3C8CDFF; /** Basic gray color for dark theme. */
  --pgn-color-primary-100: #440F1CFF; /** Primary color of level 100. */
  --pgn-color-primary-200: #5E1526FF; /** Primary color of level 200. */
  --pgn-color-primary-300: #781B32FF; /** Primary color of level 300. */
  --pgn-color-primary-400: #93213CFF; /** Primary color of level 400. */
  --pgn-color-primary-600: #B65068FF; /** Primary color of level 600. */
  --pgn-color-primary-700: #C47386FF; /** Primary color of level 700. */
  --pgn-color-primary-800: #D395A3FF; /** Primary color of level 800. */
  --pgn-color-primary-900: #DDB7C2FF; /** Primary color of level 900. */
  --pgn-color-brand-100: #440F1CFF; /** Brand color of level 100. */
  --pgn-color-brand-200: #5E1526FF; /** Brand color of level 200. */
  --pgn-color-brand-300: #781B32FF; /** Brand color of level 300. */
  --pgn-color-brand-400: #93213CFF; /** Brand color of level 400. */
  --pgn-color-brand-600: #B65068FF; /** Brand color of level 600. */
  --pgn-color-brand-700: #C47386FF; /** Brand color of level 700. */
  --pgn-color-brand-800: #D395A3FF; /** Brand color of level 800. */
  --pgn-color-brand-900: #DDB7C2FF; /** Brand color of level 900. */
  --pgn-color-success-100: #192B23FF; /** Success 100 */
  --pgn-color-success-200: #2E4C3FFF; /** Success 200 */
  --pgn-color-success-300: #497863FF; /** Success 300 */
  --pgn-color-success-400: #64A589FF; /** Success 400 */
  --pgn-color-success-600: #81DBB4FF; /** Success 600 */
  --pgn-color-success-700: #8BDFBAFF; /** Success 700 */
  --pgn-color-success-800: #8FE0BCFF; /** Success 800 */
  --pgn-color-success-900: #94E1BFFF; /** Success 900 */
  --pgn-color-info-100: #14242FFF; /** Info 100 */
  --pgn-color-info-200: #234354FF; /** Info 200 */
  --pgn-color-info-300: #386783FF; /** Info 300 */
  --pgn-color-info-400: #4D8EB2FF; /** Info 400 */
  --pgn-color-info-600: #63BCEEFF; /** Info 600 */
  --pgn-color-info-700: #6FC1EFFF; /** Info 700 */
  --pgn-color-info-800: #75C4F0FF; /** Info 800 */
  --pgn-color-info-900: #D7EEFBFF; /** Info 900 */
  --pgn-color-info-base: #57B7ECFF; /** Info base */
  --pgn-color-warning-100: #393206FF; /** Warning 100 */
  --pgn-color-warning-200: #5C500AFF; /** Warning 200 */
  --pgn-color-warning-300: #89770FFF; /** Warning 300 */
  --pgn-color-warning-400: #B7A014FF; /** Warning 400 */
  --pgn-color-warning-600: #E7CB2CFF; /** Warning 600 */
  --pgn-color-warning-700: #EAD03EFF; /** Warning 700 */
  --pgn-color-warning-800: #EBD348FF; /** Warning 800 */
  --pgn-color-warning-900: #ECD450FF; /** Warning 900 */
  --pgn-color-danger-100: #2E1316FF; /** Danger 100 */
  --pgn-color-danger-200: #4B1D21FF; /** Danger 200 */
  --pgn-color-danger-300: #732C33FF; /** Danger 300 */
  --pgn-color-danger-400: #993B43FF; /** Danger 400 */
  --pgn-color-danger-600: #C75760FF; /** Danger 600 */
  --pgn-color-danger-700: #CC666EFF; /** Danger 700 */
  --pgn-color-danger-800: #CE6D76FF; /** Danger 800 */
  --pgn-color-danger-900: #D0747CFF; /** Danger 900 */
  --pgn-color-light-100: #0C0D0DFF; /** Light color of level 100 (text/icons on dark bg). */
  --pgn-color-light-200: #111212FF; /** Light color of level 200. */
  --pgn-color-light-300: #1D1E1FFF; /** Light color of level 300. */
  --pgn-color-light-400: #2A2B2BFF; /** Light color of level 400. */
  --pgn-color-light-600: #434444FF; /** Light color of level 600. */
  --pgn-color-light-700: #4F5051FF; /** Light color of level 700. */
  --pgn-color-light-800: #5C5D5DFF; /** Light color of level 800. */
  --pgn-color-light-900: #68696AFF; /** Light color of level 900 (darkest). */
  --pgn-color-light-base: #363738FF; /** Basic light color for dark theme. */
  --pgn-color-dark-100: #440F1CFF; /** Dark color of level 100. */
  --pgn-color-dark-200: #5E1526FF; /** Dark color of level 200. */
  --pgn-color-dark-300: #781B32FF; /** Dark color of level 300. */
  --pgn-color-dark-400: #93213CFF; /** Dark color of level 400. */
  --pgn-color-dark-600: #B65068FF; /** Dark color of level 600. */
  --pgn-color-dark-700: #C47386FF; /** Info color of level 700. */
  --pgn-color-dark-800: #D395A3FF; /** Dark color of level 800. */
  --pgn-color-dark-900: #DDB7C2FF; /** Dark color of level 900. */
  --pgn-rg-size-course-card-image-horizontal-width-max: 360px;
  --pgn-rg-size-footer-logo-height: 24px; /** The height of the logo in the footer. */
  --pgn-rg-size-header-logo-desktop-height: 40px; /** The height of the logo in the header. */
  --pgn-rg-size-header-logo-mobile-height: 40px; /** The height of the logo in the header for mobile devices. */
  --pgn-rg-size-container: 1230px; /** The width of the container. */
  --pgn-rg-color-footer-bg: #040506FF; /** The background color of the footer. */
  --pgn-rg-color-footer-links-nav: #FFFFFFFF; /** The color of navigation links in the footer. */
  --pgn-rg-color-footer-support-text-and-logo: #FFFFFFFF; /** The color of support text and logo in the footer. */
  --pgn-rg-color-header-border: #1F192AFF; /** The border color of the header. */
  --pgn-rg-color-registration-side-left-bg: #1B1728FF; /** The background color of left side of the registration page. */
  --pgn-rg-color-primary: #EA4B71FF; /** The primary color. */
  --pgn-rg-color-text-primary: #E1DDDBFF; /** The primary text color. */
  --pgn-rg-color-body-bg: #040506FF; /** Body background color. */
  --pgn-rg-color-body-color: #FFFFFFFF; /** Body text color. */
  --pgn-rg-color-input-bg: rgba(31, 25, 42, 0.6); /** Input background color. */
  --pgn-rg-color-input-text: #E1DDDBFF; /** Input text color. */
  --pgn-rg-color-input-border: rgba(255, 255, 255, 0.3); /** Input border color. */
  --pgn-rg-color-input-focus: #1790C7FF; /** Input focus border color. */
  --pgn-rg-color-search-facets-bg: #12101AFF; /** Search facets background color. */
  --pgn-rg-color-course-main-bg: #14111CFF; /** Course main background color. */
  --pgn-rg-color-course-main-color-text: #FFFFFFFF; /** Course main text color. */
  --pgn-rg-color-course-main-emoji-bg: #322D3AFF; /** Course main emoji background color. */
  --pgn-rg-color-course-main-complete-bg: #1A270CFF; /** Course complete main navigation button background color. */
  --pgn-rg-color-error-color: #C32D3AFF; /** Error color. */
  --pgn-rg-spacing-header-vertical-padding: 30px; /** The vertical padding of the header. */
  --pgn-rg-spacing-promo-title-margin: 0; /** Bottom margin from H1 title on banner */
  --pgn-rg-typography-font-family-sans-serif: Geomanist, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; /** Sans-serif font family. */
  --pgn-rgg-main-text-color: #BCBCBCFF; /** The RGG main text color. */
  --pgn-rgg-secondary-text-color: #333333FF; /** The RGG secondary text color. */
  --pgn-rgg-avatar-position-color: #FFFFFFFF; /** RGG avatar position color. */
  --pgn-rgg-avatar-position-accent-color: #BACBD5FF; /** RGG avatar position accent color. */
  --pgn-rgg-avatar-border-color: #707070FF; /** RGG avatar position border color. */
  --pgn-rgg-avatar-image-bg-gray-color: #CDE4FCFF; /** From RGG chart avatar image background gray color */
  --pgn-rgg-avatar-letter-bg-gray-color: #303030FF; /** From RGG chart avatar letter background gray color */
  --pgn-rgg-btn-logo-dropdown-base-color: #313131FF; /** RGG button logo dropdown base color. */
  --pgn-rgg-quaternary-color: #00ABD9FF; /** From RGG chart quaternary color */
  --pgn-rgg-neutral-gray-color: #BCBCBCFF; /** From RGG chart neutral gray color */
  --pgn-rgg-muted-gray-color: #AAAAAAFF; /** From RGG chart muted gray color */
  --pgn-rgg-medium-gray-color: #6C6D6EFF; /** From RGG chart medium gray color */
  --pgn-rgg-success-green-color: #419E4DFF; /** From RGG chart success green color */
  --pgn-rgg-sky-blue-color: #4599C3FF; /** From RGG chart sky blue color */
  --pgn-rgg-warning-yellow-color: #FFCD00FF; /** From RGG chart warning yellow color */
  --pgn-rgg-orange-accent-color: #E87722FF; /** From RGG chart orange accent color */
  --pgn-rgg-aqua-blue-color: #00B5E2FF; /** From RGG chart aqua blue color */
  --pgn-rgg-purple-accent-color: #6244BBFF; /** From RGG chart purple accent color */
  --pgn-rgg-dark-gray-color: #888B8DFF; /** From RGG chart dark gray color */
  --pgn-rgg-error-red-color: #FF0000FF; /** From RGG chart error red color */
  --pgn-rgg-light-color: #FAFAFAFF; /** From RGG chart light color */
  --pgn-rgg-light-gray-color: #DFE0E8FF; /** From RGG chart light gray color */
  --pgn-rgg-olive-green-color: #556B2FFF; /** From RGG chart olive green color */
  --pgn-rgg-gold-color: #F8B805FF; /** From RGG chart gold color */
  --pgn-rgg-silver-color: #AFBAC7FF; /** From RGG chart silver color */
  --pgn-rgg-bronze-color: #E6814DFF; /** From RGG chart bronze color */
  --pgn-rgg-dashboard-page-corner-border-radius: 1.25rem; /** RGG dashboard page corner border radius. */
  --pgn-rgg-dropdown-item-padding-x: 1.875rem; /** Horizontal padding for RGG dropdown item */
  --pgn-rgg-dropdown-item-padding-y: 0.563rem; /** Vertical padding for RGG dropdown item */
  --pgn-rgg-empty-message-color: #707070FF; /** RGG empty message color. */
  --pgn-rgg-points-vault-img-size: 15.625rem; /** RGG points vault image size. */
  --pgn-rgg-statuses-progress-bg-color: #DFE0E8FF; /** RGG progress status background color. */
  --pgn-rgg-statuses-progress-track-bg-color: #556B2FFF; /** RGG progress status track background color. */
  --pgn-rgg-space-20: 1.25rem; /** Spacing size 20 for RGG progress-badge */
  --pgn-rgg-space-30: 1.875rem; /** Spacing size 30 for RGG progress-badge */
  --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
  --pgn-color-text-muted: var(--pgn-color-gray-300); /** Muted text color. */
  --pgn-color-border: var(--pgn-rg-color-input-border); /** Border color. */
  --pgn-color-alert-content: var(--pgn-color-gray-200);
  --pgn-color-card-border-base: #00000040;
  --pgn-color-dropdown-text: var(--pgn-color-gray-100);
  --pgn-color-dropdown-header: var(--pgn-color-gray-300);
  --pgn-color-dropdown-border: #00000033;
  --pgn-color-dropdown-divider-bg: var(--pgn-color-gray-700);
  --pgn-color-dropdown-link-base: var(--pgn-color-gray-100);
  --pgn-color-dropdown-link-hover-base: #FFFFFFFF;
  --pgn-color-dropdown-link-hover-bg: var(--pgn-color-gray-700);
  --pgn-color-dropdown-link-active-base: var(--pgn-color-white);
  --pgn-color-dropdown-link-active-bg: var(--pgn-color-gray-600);
  --pgn-color-nav-link-text-base: var(--pgn-color-gray-100);
  --pgn-color-body-base: var(--pgn-color-gray-100);
  --pgn-color-link-base: var(--pgn-rg-color-primary);
  --pgn-color-link-inline-base: var(--pgn-rg-color-primary);
  --pgn-color-link-muted-hover: #A5465CFF; /** Link muted hover color. */
  --pgn-color-link-muted-inline-hover-base: #A5465CFF; /** Link muted hover color. */
  --pgn-color-teal: var(--pgn-rg-color-primary); /** Teal color. */
  --pgn-color-gray-500: var(--pgn-color-gray-base); /** Gray color of level 500 (neutral base). */
  --pgn-color-primary-base: var(--pgn-rg-color-primary); /** Basic primary color. */
  --pgn-color-brand-base: var(--pgn-rg-color-primary); /** Basic brand color. */
  --pgn-color-success-base: var(--pgn-color-green); /** Success base */
  --pgn-color-info-500: var(--pgn-color-info-base); /** Info 500 */
  --pgn-color-warning-base: var(--pgn-color-yellow); /** Warning base */
  --pgn-color-danger-base: var(--pgn-color-red); /** Danger base */
  --pgn-color-light-500: var(--pgn-color-light-base); /** Light color of level 500 (neutral base). */
  --pgn-color-dark-base: var(--pgn-rg-color-primary); /** Basic dark color. */
  --pgn-color-action-default-gray-100: #A7AFB6FF;
  --pgn-color-action-default-gray-200: #A4A4A4FF;
  --pgn-color-action-default-gray-300: #959595FF;
  --pgn-color-action-default-gray-400: #838383FF;
  --pgn-color-action-default-gray-600: #838383FF;
  --pgn-color-action-default-gray-700: #959595FF;
  --pgn-color-action-default-gray-800: #A4A4A4FF;
  --pgn-color-action-default-gray-900: #A7AFB6FF;
  --pgn-color-action-default-gray-base: #A7AFB6FF;
  --pgn-color-action-default-primary-100: var(--pgn-color-primary-100);
  --pgn-color-action-default-primary-200: var(--pgn-color-primary-200);
  --pgn-color-action-default-primary-300: var(--pgn-color-primary-300);
  --pgn-color-action-default-primary-400: var(--pgn-color-primary-400);
  --pgn-color-action-default-primary-600: var(--pgn-color-primary-600);
  --pgn-color-action-default-primary-700: var(--pgn-color-primary-700);
  --pgn-color-action-default-primary-800: var(--pgn-color-primary-800);
  --pgn-color-action-default-primary-900: var(--pgn-color-primary-900);
  --pgn-color-action-default-brand-100: #000000FF;
  --pgn-color-action-default-brand-200: #000000FF;
  --pgn-color-action-default-brand-300: #000000FF;
  --pgn-color-action-default-brand-400: #000000FF;
  --pgn-color-action-default-brand-600: #000000FF;
  --pgn-color-action-default-brand-700: #000000FF;
  --pgn-color-action-default-brand-800: #000000FF;
  --pgn-color-action-default-brand-900: #000000FF;
  --pgn-color-action-default-success-100: #060B09FF;
  --pgn-color-action-default-success-200: #1B2C25FF;
  --pgn-color-action-default-success-300: #365849FF;
  --pgn-color-action-default-success-400: #4F876FFF;
  --pgn-color-action-default-success-600: #59D09CFF;
  --pgn-color-action-default-success-700: #63D4A2FF;
  --pgn-color-action-default-success-800: #67D5A4FF;
  --pgn-color-action-default-success-900: #6CD6A7FF;
  --pgn-color-action-default-info-100: #05090BFF;
  --pgn-color-action-default-info-200: #142630FF;
  --pgn-color-action-default-info-300: #294B5FFF;
  --pgn-color-action-default-info-400: #3E728EFF;
  --pgn-color-action-default-info-600: #35A8E9FF;
  --pgn-color-action-default-info-700: #41ADEAFF;
  --pgn-color-action-default-info-800: #47B0EBFF;
  --pgn-color-action-default-info-900: #A9DAF6FF;
  --pgn-color-action-default-info-base: #29A3E7FF;
  --pgn-color-action-default-warning-100: #0B0A01FF;
  --pgn-color-action-default-warning-200: #2E2805FF;
  --pgn-color-action-default-warning-300: #5B4F0AFF;
  --pgn-color-action-default-warning-400: #89780FFF;
  --pgn-color-action-default-warning-600: #C9AE17FF;
  --pgn-color-action-default-warning-700: #DDBF18FF;
  --pgn-color-action-default-warning-800: #E6C81AFF;
  --pgn-color-action-default-warning-900: #E7C922FF;
  --pgn-color-action-default-danger-100: #0A0405FF;
  --pgn-color-action-default-danger-200: #260F11FF;
  --pgn-color-action-default-danger-300: #4E1E23FF;
  --pgn-color-action-default-danger-400: #742D33FF;
  --pgn-color-action-default-danger-600: #B03B44FF;
  --pgn-color-action-default-danger-700: #BF404AFF;
  --pgn-color-action-default-danger-800: #C14752FF;
  --pgn-color-action-default-danger-900: #C34E58FF;
  --pgn-color-action-default-light-100: #000000FF;
  --pgn-color-action-default-light-200: #000000FF;
  --pgn-color-action-default-light-300: #040405FF;
  --pgn-color-action-default-light-400: #111111FF;
  --pgn-color-action-default-light-600: #2A2A2AFF;
  --pgn-color-action-default-light-700: #363737FF;
  --pgn-color-action-default-light-800: #434343FF;
  --pgn-color-action-default-light-900: #4F5050FF;
  --pgn-color-action-default-light-base: #1D1E1EFF;
  --pgn-color-action-default-dark-100: #1A060BFF;
  --pgn-color-action-default-dark-200: #340C15FF;
  --pgn-color-action-default-dark-300: #4E1221FF;
  --pgn-color-action-default-dark-400: #69182BFF;
  --pgn-color-action-default-dark-600: #953E53FF;
  --pgn-color-action-default-dark-700: #B54F67FF;
  --pgn-color-action-default-dark-800: #C47184FF;
  --pgn-color-action-default-dark-900: #CD94A5FF;
  --pgn-rg-size-course-card-image-horizontal-width-min: var(--pgn-rg-size-course-card-image-horizontal-width-max);
  --pgn-rg-color-footer-links-social: var(--pgn-rg-color-primary); /** The color of social links in the footer. */
  --pgn-rg-color-header-bg: var(--pgn-color-white); /** The background color of the header. */
  --pgn-rg-color-header-links-nav: var(--pgn-rg-color-primary); /** The color of navigation links in the header. */
  --pgn-rg-color-header-btn-bg-primary: var(--pgn-rg-color-primary); /** Primary button background in header (sign in) */
  --pgn-rg-color-header-btn-hover-text: var(--pgn-color-white); /** Button hover text in header */
  --pgn-rg-color-header-hover-links-nav: #D01844FF; /** The hover state color for navigation links in the header. */
  --pgn-rg-color-promo-title: var(--pgn-color-black); /** H1 title color on banner */
  --pgn-rg-color-promo-description: var(--pgn-color-black); /** Description color on banner */
  --pgn-rg-typography-font-family-base: var(--pgn-rg-typography-font-family-sans-serif); /** Basic font family. */
  --pgn-rgg-primary-color: var(--pgn-rg-color-primary); /** From RGG chart primary color */
  --pgn-rgg-primary-font-family-base: var(--pgn-rg-typography-font-family-sans-serif); /** RGG Basic font family. */
  --pgn-rgg-accent-color: var(--pgn-rg-color-primary); /** The primary RGG color. */
  --pgn-rgg-accent-transparent-bg-color: #EA4B718C; /** The RGG primary transparent background color. */
  --pgn-color-dropdown-link-disabled: var(--pgn-color-gray-500);
  --pgn-color-nav-link-text-disabled: var(--pgn-color-gray-500);
  --pgn-color-link-hover: #D01844FF;
  --pgn-color-link-inline-decoration: #EA4B71FF;
  --pgn-color-link-inline-hover-base: #D01844FF;
  --pgn-color-link-inline-hover-decoration: #D01844FF;
  --pgn-color-link-brand-hover: #D01844FF;
  --pgn-color-primary-500: var(--pgn-color-primary-base); /** Primary color of level 500. */
  --pgn-color-brand-500: var(--pgn-color-brand-base); /** Brand color of level 500. */
  --pgn-color-success-500: var(--pgn-color-success-base); /** Success 500 */
  --pgn-color-warning-500: var(--pgn-color-warning-base); /** Warning 500 */
  --pgn-color-danger-500: var(--pgn-color-danger-base); /** Danger 500 */
  --pgn-color-dark-500: var(--pgn-color-dark-base); /** Dark color of level 500. */
  --pgn-color-action-default-gray-500: #A7AFB6FF;
  --pgn-color-action-default-primary-base: var(--pgn-color-primary-base);
  --pgn-color-action-default-brand-base: #000000FF;
  --pgn-color-action-default-success-base: #50CE96FF;
  --pgn-color-action-default-info-500: #29A3E7FF;
  --pgn-color-action-default-warning-base: #B79F15FF;
  --pgn-color-action-default-danger-base: #A2363FFF;
  --pgn-color-action-default-light-500: #1D1E1EFF;
  --pgn-color-action-default-dark-base: #E51D4DFF;
  --pgn-rg-color-header-btn-hover-bg-primary: #BB3C5AFF; /** Primary button background hover in header (sign in) */
  --pgn-rg-color-header-btn-hover-bg-outlined-primary: #FEF4F6FF; /** Outline primary button background in header (register) */
  --pgn-rg-typography-promo-title-desktop: 400 2em/1.4em var(--pgn-rg-typography-font-family-base); /** Promo banner H1 title font size on desktop */
  --pgn-color-action-default-primary-500: var(--pgn-color-primary-500);
  --pgn-color-action-default-brand-500: #000000FF;
  --pgn-color-action-default-success-500: #50CE96FF;
  --pgn-color-action-default-warning-500: #B79F15FF;
  --pgn-color-action-default-danger-500: #A2363FFF;
  --pgn-color-action-default-dark-500: #E51D4DFF;
  --pgn-rg-typography-promo-title-mobile: var(--pgn-rg-typography-promo-title-desktop); /** Promo banner H1 title font size on mobile */
}