/*
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);
    --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);
}

/**
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);
}

.topper-copy p
{
    border-color: var(--gt-tech-gold);
}