/* 
    COLORES DE LA PLATAFORMA OK-PLD.ORG
    "OP" SIGLAS DE OK-PLD
*/

:root{

    /* PRIMARY COLORS */
    --op-color-primary-green: #93C13E;
    --op-color-primary-orange: #F67513;
    --op-color-primary-blue: #1270DF;
    --op-color-primary-black: #30303A;

    /* SECONDARY COLORS */
    --op-color-secondary-green: #199010;
    --op-color-secondary-orange: #FE9905;
    --op-color-secondary-blue: #22A0F5;
    --op-color-secondary-black: #454550;

    /* GRAY COLORS */
    --op-color-light-gray: #E5E5EE;
    --op-color-medium-gray: #ACACBB;
    --op-color-dark-gray: #808185;

    /* BLACK & WHITE COLORS */
    --op-color-black: #2F2E2F;
    --op-color-white: #F8FAFC;

    /* POSITIVE & NEGATIVE COLORS */
    --op-color-positive: #15A082;
    --op-color-negative: #CA2021;

    /* CONTRAST COLORS */
    --op-color-contrast-pink: #F87095;
    --op-color-contrast-yellow: #FED120;

    /* 
    * ################################ MAIN COLORS WITH OPACITY ################################
    */

    /* >>>>>>>>>>>>>>>>>>>> 15% OPACITY <<<<<<<<<<<<<<<<<<<< */
    
    /* PRIMARY COLORS */
    --op-color-primary-green-15: #2c961a25;
    --op-color-primary-orange-15: #F6751325;
    --op-color-primary-blue-15: #1270DF25;
    --op-color-primary-black-15: #30303A25;
    --op-color-secondary-green-15: #19901025;
    --op-color-secondary-orange-15: #FE990525;
    --op-color-secondary-blue-15: #22A0F525;
    --op-color-secondary-black-15: #45455025;

    /* BLACK & WHITE COLORS */
    --op-color-black-15: #2F2E2F25;
    --op-color-white-15: #F8FAFC25;
    /* POSITIVE & NEGATIVE COLORS */
    --op-color-positive-15: #15A08225;
    --op-color-negative-15: #CA202125;
    /* CONTRAST COLORS */
    --op-color-contrast-pink-15: #F8709525;
    --op-color-contrast-yellow-15: #FED12025;

    /* >>>>>>>>>>>>>>>>>>>> 25% OPACITY <<<<<<<<<<<<<<<<<<<< */
    
    /* PRIMARY COLORS */
    --op-color-primary-green-25: #2c961a40;
    --op-color-primary-orange-25: #F6751340;
    --op-color-primary-blue-25: #1270DF40;
    --op-color-primary-black-25: #30303A40;
    --op-color-secondary-green-25: #19901040;
    --op-color-secondary-orange-25: #FE990540;
    --op-color-secondary-blue-25: #22A0F540;
    --op-color-secondary-black-25: #45455040;

    /* BLACK & WHITE COLORS */
    --op-color-black-25: #2F2E2F40;
    --op-color-white-25: #F8FAFC40;
    /* POSITIVE & NEGATIVE COLORS */
    --op-color-positive-25: #15A08240;
    --op-color-negative-25: #CA202140;
    /* CONTRAST COLORS */
    --op-color-contrast-pink-25: #F8709540;
    --op-color-contrast-yellow-25: #FED12040;

    /* >>>>>>>>>>>>>>>>>>>> 50% OPACITY <<<<<<<<<<<<<<<<<<<< */
    
    /* PRIMARY COLORS */
    --op-color-primary-green-50: #2c961a80;
    --op-color-primary-orange-50: #F6751380;
    --op-color-primary-blue-50: #1270DF80;
    --op-color-primary-black-50: #30303A80;
    --op-color-secondary-green-50: #19901080;
    --op-color-secondary-orange-50: #FE990580;
    --op-color-secondary-blue-50: #22A0F580;
    --op-color-secondary-black-50: #45455080;

    /* BLACK & WHITE COLORS */
    --op-color-black-50: #2F2E2F80;
    --op-color-white-50: #F8FAFC80;
    /* POSITIVE & NEGATIVE COLORS */
    --op-color-positive-50: #15A08280;
    --op-color-negative-50: #CA202180;
    /* CONTRAST COLORS */
    --op-color-contrast-pink-50: #F8709580;
    --op-color-contrast-yellow-50: #FED12080;
    
}