:root {  
  --ctc-deep-grey: #322f37;
  --ctc-gold: #ffc55c;
  --ctc-dark-grey: #1f1e22;
  --header-background: var(--ctc-deep-grey);
  --site-title-color: var(--ctc-gold);
  --nav-background: #fff;
  --nav-color: var(--ctc-deep-grey);
  --nav-margin-top: 0;
  --nav-border-bottom: 1px solid #6c6873;
  --frontpage--header-background: var(--ctc-deep-grey);
  --frontpage--site-title-color: var(--ctc-gold);
  --frontpage--nav-background: var(--ctc-dark-grey);
  --frontpage--nav-color: var(--ctc-gold);
  --frontpage--nav-border-bottom: none;
  --frontpage--pre-content: var(--ctc-dark-grey);
  --link-color: #7A62A7;
  --button-primary-color: #b95544;
  --button-primary-background: var(--ctc-gold);
  --button-primary-color-hover: var(--ctc-dark-grey);
  --button-primary-background-hover: #fdb739;
  --button-background: #f0eeee;
  --button-color: var(--ctc-dark-grey);
  --button-background-hover: #F0E9FB;
  --button-color-hover: #7ac2df;
}