/*
This CSS file should only include colors. Either defining color variables,
or defining colors used for fonts/background/borders/etc. in the blocks.
*/

:root
{
    --arta-papyrus: #F9F6E5;
    --arta-vlight-gold: #F0EDE5;
    --arta-teal: #64CCC9;
    --arta-vlight-gold-80op: rgba(240, 237, 229, 0.8);
    --arta-vlight-grey: #dee2e6;
    --arta-maroon: #940000;
    --gt-navy-95op: rgba(0,48,87,0.95);
    --gt-white-95op: rgba(255,255,255,0.95);
    --gt-black-16op: rgba(0,0,0,0.16);
    --gt-gold-50op: rgba(179, 163, 105,0.5);
    --gt-md-gold: #a4925a;
    --gt-gold: #b3a369;
    --gt-navy: #003057;
    --gt-drk-gold: #857437;
    --gt-white: #fff;
    --gt-gray-400: #ced4da;
    --gt-gold-grad: linear-gradient(to right,#bfb37c 0%,#b3a369 100%);
    --gt-tech-medium-gold: #a4925a;
    --gt-tech-gold: #b3a369;
    --gt-black: #262626;
    --gt-light-grey: #ccc;
    --gt-dark-grey: #3b3b3b;
    --gt-tech-dark-gold: #857437;
}

/**
Button colors
**/

.rbtn.arta-blue a,
a.rbtn.arta-blue
{
    background-color: var(--gt-navy);
    border-color: var(--gt-navy);
    color: var(--gt-white);
}

.rbtn.arta-blue a:hover,
a.rbtn.arta-blue:hover
{
    background-color: var(--gt-tech-dark-gold);
    border-color: var(--gt-tech-dark-gold);
}

.rbtn.arta-white a,
a.rbtn.arta-white
{
    background-color: var(--gt-white);
    color: var(--gt-navy);
    border-color: var(--gt-navy);
}

.rbtn.arta-white a:hover,
a.rbtn.arta-white:hover
{
    color: var(--gt-white);
    background-color: var(--gt-navy);
    border-color: var(--gt-white);
}

/**
BACKGROUND/TEXT/BORDER COLORS
**/

.arta-white
{
    background-color: var(--gt-white);
}

.arta-light-gold
{
    background-color: var(--arta-vlight-gold);
}

.arta-transparent
{
    background-color: transparent;
}

/* .arta-white,
.arta-light-gold,
.arta-transparent, */
.arta-white h1,
.arta-light-gold h1,
.arta-transparent h1,
.arta-white h2,
.arta-light-gold h2,
.arta-transparent h2,
.arta-white h3,
.arta-light-gold h3,
.arta-transparent h3
{
    color: var(--gt-navy);
    border-color: var(--gt-drk-gold);
}

.arta-text-black
{
    color: var(--gt-black);
}