:root {
  --rfu-primary: #0f172a;
  --rfu-accent: #ff5400;
  --rfu-accent-2: #ff6a22;
  --rfu-bg: #faf9f7;
  --rfu-surface: #fffcf8;
  --rfu-subtle: #5c6677;
  --rfu-ink: #f8fafc;
}

body {
  background: var(--rfu-bg);
  color: var(--rfu-primary);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

a { color: var(--rfu-accent); }
a:hover, a:focus { color: var(--rfu-accent-2); }

h1, h2, h3, h4, h5, h6 { color: var(--rfu-primary); font-weight: 700; }

#header {
  background: var(--rfu-primary);
  box-shadow: 0 2px 0 rgba(255, 84, 0, .35);
}

#header .navbar a,
#header .navbar-brand,
#header .navbar-section.logo a { color: var(--rfu-ink); }

#header .navbar a:hover,
#header .navbar .active > a,
#header .navbar a.active { color: var(--rfu-accent); }

#header .navbar-brand { font-weight: 800; letter-spacing: -.5px; }

#toggle .top, #toggle .middle, #toggle .bottom { background: var(--rfu-ink); }

#overlay, .overlay-menu { background: var(--rfu-primary); }
.overlay-menu a { color: var(--rfu-ink); }
.overlay-menu a:hover { color: var(--rfu-accent); }
.mobile-menu a { color: var(--rfu-ink); }

.section.bg-gray { background: var(--rfu-surface); }

.button,
.button.button-primary,
input[type="submit"],
button[type="submit"] {
  background: var(--rfu-accent);
  border-color: var(--rfu-accent);
  color: #0b1220;
  font-weight: 700;
}

.button:hover,
.button.button-primary:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  background: var(--rfu-accent-2);
  border-color: var(--rfu-accent-2);
  color: #0b1220;
}

#footer { background: var(--rfu-primary); color: #cbd5e1; }
#footer a { color: var(--rfu-accent); }
#footer a:hover { color: var(--rfu-accent-2); }

blockquote { border-left: 4px solid var(--rfu-accent); }

.content a { text-decoration-color: rgba(255, 84, 0, .45); text-underline-offset: 3px; }