/* ============================================================
   GIGALY brand — primary: orange
   ============================================================ */
:root {
    --mpg-primary:        #FD6E17;
    --mpg-primary-rgb:    253, 110, 23;
    --mpg-primary-darker: #c05113;
    --mpg-secondary:      #FD6E17;

    /* Bootstrap mapping */
    --bs-primary:         var(--mpg-primary);
    --bs-primary-rgb:     var(--mpg-primary-rgb);

    --mpg-gradient-background: linear-gradient(to right, orange,red);
    --mpg-gradient-background-stepped: linear-gradient(to right,
    color-mix(in srgb, var(--mpg-primary) 100%, var( --mpg-secondary) 0%) 0%,
    color-mix(in srgb, var(--mpg-primary) 60%, var( --mpg-secondary) 40%) 40%,
    color-mix(in srgb, var(--mpg-primary) 50%, var( --mpg-secondary) 50%) 50%,
    color-mix(in srgb, var(--mpg-primary) 10%, var( --mpg-secondary) 90%) 90%,
    color-mix(in srgb, var(--mpg-primary) 0%, var( --mpg-secondary) 100%) 100%
    );
}