/* Color Variables */
:root {
    --theme-primary: #f19a3e;
    --theme-secondary: #515a47;
    --theme-tertiary: #32161f;
    --text-primary: #181616;
    --text-secondary: #333333;
    --text-tertiary: #898989;
    --background-primary: #ffffff;
    --background-secondary: #f8f8f8;
    --background-tertiary: #fafafa;
    --accent-primary: #181616;
    --accent-secondary: #333333;
    --accent-tertiary: #727272;
}

/* Custom Color */
.color-theme-primary {
    color: var(--theme-primary);
}
.background-theme-primary {
    background: var(--theme-primary);
}
.border-theme-primary {
    border-color: var(--theme-primary);
}
.color-theme-secondary {
    color: var(--theme-secondary);
}
.background-theme-secondary {
    background: var(--theme-secondary);
}
.border-theme-secondary {
    border-color: var(--theme-secondary);
}
.color-theme-tertiary {
    color: var(--theme-tertiary);
}
.background-theme-tertiary {
    background: var(--theme-tertiary);
}
.border-theme-tertiary {
    border-color: var(--theme-tertiary);
}
.color-text-primary {
    color: var(--text-primary);
}
.background-text-primary {
    background: var(--text-primary);
}
.border-text-primary {
    border-color: var(--text-primary);
}
.color-text-secondary {
    color: var(--text-secondary);
}
.background-text-secondary {
    background: var(--text-secondary);
}
.border-text-secondary {
    border-color: var(--text-secondary);
}
.color-text-tertiary {
    color: var(--text-tertiary);
}
.background-text-tertiary {
    background: var(--text-tertiary);
}
.border-text-tertiary {
    border-color: var(--text-tertiary);
}
.color-background-primary {
    color: var(--background-primary);
}
.background-background-primary {
    background: var(--background-primary);
}
.border-background-primary {
    border-color: var(--background-primary);
}
.color-background-secondary {
    color: var(--background-secondary);
}
.background-background-secondary {
    background: var(--background-secondary);
}
.border-background-secondary {
    border-color: var(--background-secondary);
}
.color-background-tertiary {
    color: var(--background-tertiary);
}
.background-background-tertiary {
    background: var(--background-tertiary);
}
.border-background-tertiary {
    border-color: var(--background-tertiary);
}
.color-accent-primary {
    color: var(--accent-primary);
}
.background-accent-primary {
    background: var(--accent-primary);
}
.border-accent-primary {
    border-color: var(--accent-primary);
}
.color-accent-secondary {
    color: var(--accent-secondary);
}
.background-accent-secondary {
    background: var(--accent-secondary);
}
.border-accent-secondary {
    border-color: var(--accent-secondary);
}
.color-accent-tertiary {
    color: var(--accent-tertiary);
}
.background-accent-tertiary {
    background: var(--accent-tertiary);
}
.border-accent-tertiary {
    border-color: var(--accent-tertiary);
}

/* Custom Typography */
body {
    font-family: 'Open Sans';
    font-size: 14px;
    color: #727272;
}
h1 {
    font-family: 'Merriweather';
    font-weight: 700;
    font-size: 36px;
    color: #333333;
}
h2 {
    font-family: 'Merriweather';
    font-weight: 400;
    font-size: 24px;
    color: #333333;
}
h3 {
    font-family: 'Merriweather';
    font-weight: 700;
    font-size: 21px;
    color: #333333;
}
h4 {
    font-family: 'Merriweather';
    font-weight: 700;
    font-size: 18px;
    color: #333333;
}
h5 {
    font-family: 'Merriweather';
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}
h6 {
    font-family: 'Merriweather';
    font-weight: 400;
    font-size: 12px;
    color: #333333;
}
p {
    font-family: 'Fira Sans';
    font-weight: 400;
    font-size: 12px;
    color: #333333;
}
a {
    color: #44355b;
}
a:hover {
    color: #44355b;
}