/* ////////////////////////////////////////////////////////////////////
*
*  CSS APP colors
*
* - colors
*
* //////////////////////////////////////////////////////////////////// */

/* --------------------------------------------------------------------
* - colors
---------------------------------------------------------------------- */
:root{
    --color-red-terral: #DA1C27;
    --color-orange-terral: #FEA01B;

    --color-red-dg-terral: linear-gradient(180deg, rgba(248,27,35,1) 0%, rgba(204,82,95,1) 100%);
    --color-orange-dg-terral: linear-gradient(180deg, rgba(254,160,27,1) 0%, rgba(255,189,97,1) 100%);

    --text-enabled : #FEA01B;
    --text-disabled: #CCCCCC;
}

.text-red-terral   { color: var(--color-red-terral);}
.text-orange-terral{ color: var(--color-orange-terral);}

.bg-red-terral   { background-color: var(--color-red-terral);}
.bg-orange-terral{ background-color: var(--color-orange-terral);}

.bg-red-dg-terral   { background: var(--color-red-dg-terral);}
.bg-orange-dg-terral{ background: var(--color-orange-dg-terral);}

.top-page-terral{
    background: var(--color-orange-terral);
}

.text-enabled { color: var(--text-enabled)!important;}
.text-disabled{ color: var(--text-disabled)!important;}