:root {
  --obt-accent-color: #d6b569;
  --obt-secondary-color: #111111;
  --obt-background-color: #ffffff;
  --obt-surface-color: #f7f4ef;
  --obt-text-color: #222222;
  --obt-muted-text-color: #666666;
  --obt-header-background: #ffffff;
  --obt-header-text-color: #111111;
  --obt-footer-background: #111111;
  --obt-footer-text-color: #ffffff;
  --obt-button-radius: 2px;
  --obt-card-radius: 4px;
  --obt-logo-width: 188px;
  --obt-container-width: 1170px;
  --obt-font-body: Arimo, Arial, sans-serif;
  --obt-font-heading: Oswald, Arial, sans-serif;
}

html, body { background: var(--obt-background-color); color: var(--obt-text-color); font-family: var(--obt-font-body); }
.container { max-width: var(--obt-container-width); }
h1, h2, h3, h4, h5, h6, .title h2, nav a { font-family: var(--obt-font-heading); }
a, .title h2 span, .title span, .fun-fact h3, .event-date, .legal-footer-links a { color: var(--obt-accent-color); }
header { background: var(--obt-header-background); color: var(--obt-header-text-color); }
header nav a, .responsive-header a { color: var(--obt-header-text-color); }
.logo img, .responsive-logo img { max-width: var(--obt-logo-width); height: auto; }
.button, button, .btn-primary, .btn-secondary, input[type="submit"], .event-booking-btn { border-radius: var(--obt-button-radius); }
.panel, .card, .media-card, .event-card, .cms-block, .account-panel, .press-card, .member-card { border-radius: var(--obt-card-radius); }
footer, .bottom-footer { background: var(--obt-footer-background); color: var(--obt-footer-text-color); }
footer a, .bottom-footer a, footer .contact-info li { color: var(--obt-footer-text-color); }
footer .button, footer button { background: var(--obt-accent-color); color: #111; }
.front-account-access a { border-color: var(--obt-accent-color); color: var(--obt-accent-color); }
.theme-accent-bg { background: var(--obt-accent-color); }
.theme-surface-bg { background: var(--obt-surface-color); }

